如何正确包含谷歌字体供css使用？

Question

我使用这个字体现在：

https://www.google.com/fonts#UsePlace:use/Collection:Roboto

据导游介绍我就必须包括这样

一个链接，我已经试过了.. 。它的工作，但我的问题是：

Firefox和Chrome的输出是不同的...

铬：

火狐：

你可以从两张图片观察...火狐是正确的流畅显示它..

我是什么在这里失踪？从铬显示是不是很好..任何帮助将不胜感激..

Answer 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>

Answer 2

重定义的字体在你的身体，以便所有的浏览器将处理它一样。

字体重量：300;