2015-06-20 82 views
1

我在我的網頁上使用Google字體,但注意大約有5%的時間谷歌字體似乎超時並顯示回退字體。所以我停止使用它,我試着在服務器上使用@ font-face與下載的字體文件,但是我必須爲所有版本添加大約100多行CSS,並加載所有正確的格式(.ttf,.eot等)與正確的CSS實現。太多的頭痛。 有沒有一種方法可以告訴網頁不斷嘗試從Google獲取字體,直到它加載?還是有另一種解決方案?谷歌字體有時不加載

<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'> 

<h1>Text</h1> 

CSS

h1 
{ 
    font-family: 'Indie Flower', Georgia, sans-serif; 
} 
+1

添加100多行CSS。你應該組織你的CSS,所以只需創建一個新的CSS文件並將字體聲明放在那裏。 100行代碼不會花費那麼長時間才能寫入。此外,您可以複製和粘貼大部分CSS。 –

+1

你可以試試谷歌的webfont加載器,不會推薦使用@ font-face,但通常不是最適合優化的。 - https://github.com/typekit/webfontloader – ajmajmajma

回答