2013-10-04 66 views
1

我在我的網站上使用了兩種Google Web字體。它們是Roboto Slab和Fauna One。它們在最新的Mozilla Firefox和IE10中看起來不錯,但由於某些原因,它們在Google Chrome中看起來很糟糕。Google Web字體在Chrome中呈現不佳。解?

它們鏈接到我的網站如下:

<link href='http://fonts.googleapis.com/css?family=Roboto+Slab:400,700' rel='stylesheet' type='text/css'> 
<link href='http://fonts.googleapis.com/css?family=Fauna+One' rel='stylesheet' type='text/css'> 

我花了一段時間來實現,谷歌Chrome瀏覽器與Web字體問題,這使它們知之甚少。我想知道是否有解決方案?

如果我下載這兩種字體類型並將它們嵌入到我的網站的主目錄中,然後通過@ font-face屬性通過CSS調用它們,該怎麼辦?在那種情況下,谷歌瀏覽器會很好地渲染這些字體,否則我仍然會遇到同樣的問題和渲染效果不佳的字體?

或者有這個問題的其他解決方案?

謝謝大家!

+0

我試過了我上面提出的解決方案。它顯示了我想要顯示的字體,但Google Chrome中的渲染仍然相同。它看起來不太好我如何解決這個問題?任何人? –

+0

出於興趣,您是否曾爲此找到解決方案?我有與Roboto和Chrome完全相同的問題... –

+0

嗨扎克。我還沒有找到解決方案。如果您發現它,請與我聯繫。謝謝! –

回答

1

我相信我看到了Chrome的一些錯誤報告,提到它會被修復 - 但我不是100%確定的。我相信這不是100%的Chrome的錯...

我的理解是,問題是在 @ font-face指令中顯示字體類型的順序,。所以,Chrome可以處理多種類型,但並非所有類型都能以相同的質量渲染。顯然,谷歌實際上並沒有從正確的順序從fonts.google.com服務的字體 - 莫名其妙...

最後我發現,至少Roboto(我也用於一個項目),它可以在Font Squirrel上使用(並且在Apache 2.0許可下開源) - 所以你可以在這裏下載:http://www.fontsquirrel.com/fonts/roboto(下載Webfont工具包以獲得完整的跨瀏覽器字體支持) - 你失去了CDN的善良它託管在谷歌的服務器,如果你使用它從自己的Web服務器,但恕我直言,我寧願輸掉幾毫秒比不得不面對這樣可怕呈現的文本......

我不能幫你Fauna One不幸的是,它似乎沒有列在字體松鼠上 - 也許你是c在另一個字體網站上找到它?還是另一種類似的字體,可用字體松鼠?

+0

您應該可以將任何Google Web字體下載到您的桌面上。只需將字體添加到「您的集合」中,並且應該有某個「下載集合」按鈕。 – Meg

+0

啊,我不確定 - 我從來沒有花時間檢查那裏的許可證。很高興知道。謝謝 –

0

從網絡瀏覽器的角度來看(Chrome是相關瀏覽器),Windows中的Chrome 35難以渲染一些字體,比如Roboto,沒有一些可怕的文物,使字體難以閱讀。

有一項名爲DirectWrite的功能,默認情況下會包含在未來版本的Chrome中,以解決此問題。您可以在瀏覽器網址欄中轉到chrome://flags,然後在Chrome 35中啓用它。您可以Enable DirectWrite(在Chrome 35中進行試驗),關閉瀏覽器,打開並重試。

爲了清楚起見,我在Chrome 35 for Windows上發現了這個問題。 DirectWrite是用於在Windows中呈現字體的DirectX API。 Chrome默認使用Windows圖形設備接口(GDI),這似乎是問題所在。

請參閱this article