無法正確使用谷歌的字體

所以我一直在嘗試導入谷歌的字體並將它們整合到一個網站中而沒有成功。無法正確使用谷歌的字體

的CSS：

@import url(http://fonts.googleapis.com/css?family=Linden+Hill); 
/*...*/ 
body.single-post p, body.page p{ 
    font-family: 'Linden Hill', sans-serif; 
}

出於某種原因，當我嘗試使用的字體，在Firefox和谷歌Chrome，它不會加載/顯示字體，有或無纏引號字體名稱。

谷歌字體的網站上說，包括字體，你這樣做：

font-family: 'Linden Hill', serif;

...但它不工作。現在

，針對不同的字體，橘子（注意，這是一個字），它的工作原理，如果我有它不帶引號，像這樣

@import url(http://fonts.googleapis.com/css?family=Tangerine); 
/*...*/ 
body.single-post p, body.page p{ 
    font-family: Tangerine, sans-serif; 
}

...但如果你做什麼，谷歌的字體告訴你，並用單引號包裝它，它神奇地停止工作。

這是什麼樣子的檢查：

Mom, I broke the website!

難道我做錯了什麼？

來源

2014-01-16 Ivan

文檔中的任何樣式規則之前的@import是否？我知道這是在你的例子中，但在檢查器之前有一大堆樣式。 – davidpauljunior

@davidpauljunior幾次導入後，[和一個@ font-face]（http://i.imgur.com/4SKhEqY.png）。我將把它移回去，看看它是否有效。 – Ivan

@davidpauljunior Argh，一個新秀的錯誤。是的，在'@ font-face'定義修復之前移動'@ import'。謝謝。 – Ivan

事實證明，我在@ font-face定義之後擁有了@import。

/*some other @imports*/ 
@font-face {/*font face here*/} 
@import url(/*the font URL here*/)

在@ font-face定義修復問題之前移動它。

來源

2014-01-16 03:10:38 Ivan

應該與雙引號工作：

FONT-FAMILY：「林登山」，襯線;

來源

2014-01-16 02:55:33 Core972

問題是，它沒有。我嘗試了各種引號，以及它的所有變化。什麼都沒有 – Ivan

是你在CSS做錯了（body.single-支柱P，body.page P），

看到這裏，如果你直接使用這個樣子。

body{ 
    font-family: 'Linden Hill', sans-serif ; 
}

你需要編寫CSS樹試試這個可能它的工作

body .single-post p, body .page p{ 
    font-family: 'Linden Hill', sans-serif; 
}

或者如果可以的話，告訴我的代碼，你想用它

以其優良的工作報價製作不成問題

來源

2014-04-03 11:46:48 fahd4007

無法正確使用谷歌的字體

回答

相關問題