如何正確包含谷歌字體供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;