爲什麼我的Google字體沒有顯示在移動設備上？

Question

在我的網站上，http://jimbrink.org，我使用了Roboto Slab字體。 （實際上，我調整了一個模板，以便模板使用Roboto Slab字體。）

我注意到字體不顯示在移動瀏覽器上。但我不明白這是爲什麼。

style.default.css文件中的每個字體調用都是給Roboto Slab的。我已經在iOS設備和Android（Chrome瀏覽器）上測試過該網站。

編輯：我的CSS樣式表可以在這裏找到：http://www.jimbrink.org/css/style.default.css

它太長在這個職位的身體後。

Answer 1

看過網站並檢查源代碼後，我發現有時候您會用單引號指定您的Google字體，而其他人則使用雙引號。我遇到過這個問題，並默認使用雙引號，雖然看着我編譯的CSS，它看起來像引號從聲明中刪除。

我想嘗試使用雙引號，如font-family: "Roboto Slab";，看看這是否工作。我不知道爲什麼這會導致問題，並且目前無法測試您的代碼，但我希望這有助於。如果沒有，張貼你的CSS，我會試着去看看，當我回家。

Answer 2

在HTML（來自谷歌的字體），它說：http://fonts.googleapis.com/css?family=Roboto+Slab:400,700,100%7CRoboto:400,700,300,100

也許嘗試：https://fonts.googleapis.com/css?family=Roboto+Slab