10

我与使用 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）。（你可以在查询中看到它）它一直工作到这里但是......</p>

问题是：

我的电脑上安装了 3 种字体 (300,400,700) 的桌面版本，只要这些字体被激活……浏览器就会在我的 html 文档中显示错误的字体粗细 (400)。

好的。问题是在我的 css 'Oswald' 中使用的是 localfont 而不是 webfont。但是本地字体“Oswald”是“Oswald normal”。我不知道为什么谷歌称它为“Oswald”而不是“Oswald Bold”。所以我不知道如何解决这个问题。

我不希望 css 指向本地字体 .. 我希望它始终显示 webfont ......因为正确的字体重量！

你有什么想法？请？

可以重命名 webfont-call 吗？

4

1 回答 1

13

您可以编辑 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';在您想使用 Google 的 Web 版本字体时使用。

我希望这有帮助！

于 2012-08-26T10:42:32.900 回答