如何正确包含 google 字体供 css 使用？ [关闭]答案

【问题标题】：how to properly include google font for css to use? [closed]如何正确包含 google 字体供 css 使用？ [关闭]
【发布时间】：2015-12-08 22:36:03
【问题描述】：

我现在正在使用这个字体：

根据指南，我只需要包含这样的链接

我已经尝试过了……它有效，但我的问题是：

Firefox 和 Chrome 的输出不同...

铬：

火狐：

正如你从两张图片中看到的那样……Firefox 正在正确流畅地显示它……

我在这里缺少什么？ chrome 的显示效果不是很好.. 任何帮助将不胜感激..

【问题讨论】：

【解决方案1】：

这取决于浏览器的默认字体。您没有在样式中指定 font-weight。如果您在样式中添加font-weight: 300;，您应该会看到相同的内容。

编辑我发现您在 Google 字体中添加的样式会导致问题。如果你只添加300 和300 italic 会得到更好的结果。 http://jsfiddle.net/5mnq06km/5/

body {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
}
b {
  font-weight: bold;
}

<link href='https://fonts.googleapis.com/css?family=Roboto:300,300italic' rel='stylesheet' type='text/css'>

<p>
  Some <b>Text</b>
</p>

【讨论】：

【解决方案2】：

在正文中定义字体的粗细，以便所有浏览器都对其进行处理。

字体粗细：300；

【讨论】：