Chrome for Android無法正確顯示Google網頁字體

我重新創建了使用CSS font-family和Android版Chrome的問題。 Web瀏覽器不能正確繼承字體，而是使用後備字體。Chrome for Android無法正確顯示Google網頁字體

http://jsbin.com/iyifah/1/edit

這似乎是已經出票的谷歌（http://code.google.com/p/chromium/issues/detail?id=138257）的錯誤。

向HTML添加<meta name="viewport" content="width=device-width, initial-scale=1" />應該解決問題，但這隻能解決第一個元素的設置字體的問題。

JS Bin鏈接將幫助解釋我在說什麼。因此，如果任何人使用Android版Chrome，請轉到鏈接查看我正在談論的內容！

謝謝。

來源

2012-12-21 AAA

我對這個問題的解決方案是完全拋棄谷歌網絡字體，相反，下載的字體到Web服務器，並呼籲他們通過CSS，就像這樣：

@font-face { 
    font-family: 'Droid Sans'; 
    src: url('fonts/DroidSans-webfont.eot'); 
    src: url('fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'), 
     url('fonts/DroidSans-webfont.woff') format('woff'), 
     url('fonts/DroidSans-webfont.ttf') format('truetype'), 
     url('../fonts/DroidSans-webfont.svg#DroidSansRegular') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
}

谷歌的網絡字體都是開源的，所以我們應該沒有問題找到字體的下載。

此解決方案適用於Android的Dolphin和Chrome。

來源

2013-01-09 19:44:39 AAA

我今天也注意到了這一點。不僅僅在我的Nexus 7（Android 4.2.2）上，而且在朋友的MacBook Pro上的Mac OS X版本中也是如此。沒有什麼問題，因爲我通常選擇通過fontsquirrel.com轉換我需要的字體，但是對於直接從Google集成字體的測試和原型設計來說更方便。

來源

2013-06-14 10:51:12 fritzmg

Chrome for Android無法正確顯示Google網頁字體

回答

相關問題