Google with字体与本地字体的冲突

Question

我对使用google-webfonts有很严重的冲突。好的，这是代码：

这是在头脑中：

<link href='http://fonts.googleapis.com/css?family=Oswald:700' rel='stylesheet' type='text/css'>

这是css-文件中的：

body {
font-family: 'Oswald', sans-serif;
font-weight: 700; }

"Oswald“是一个由3种字体组成的字体系列：

• 书籍(300)
• 正常(400)
• 粗体(700)

如你所见..。我只装了一张大胆的脸(700)。(您可以在查询中看到它)，它一直工作到这里，但是…

问题是：

我的计算机上安装了3种字体(300,400,700)的桌面版本，只要这些字体是激活的…。浏览器在我的html文档中向我显示了错误的字体大小(400)。

好的。问题在于，在我的css中，'Oswald‘使用的是本地字体，而不是not字体。但是当地的字体"Oswald“是"Oswald normal”。我不明白为什么谷歌称它为'Oswald‘而不是'Oswald Bold’。所以我不知道怎么解决这个问题。

我不希望css指向本地字体..。我想让它始终显示出网页字体…因为正确的字体重量！

你有什么想法吗？请?

有可能重命名网络电话吗？

Answer 1

您可以编辑CSS @font-face规则以满足您的需要，而不仅仅是加载自动生成的Google规则。基本上，问题是他们的规则更喜欢本地版本(src: local('Oswald Bold'), local('Oswald-Bold'), ...)。修正后的版本如下所示：

@font-face {
  font-family: 'WebOswald';
  font-style: normal;
  font-weight: 700;
  src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

只需将此添加到您的CSS手动，并使用font-family: 'WebOswald';时，您想使用谷歌的网页版本的字体。

我希望这能帮上忙！