Chrome瀏覽器不同的基於

編輯1分辨率的Android渲染字體：很顯然，我沒有足夠的信譽發表圖片，所以我不得不在外部鏈接它們。Chrome瀏覽器不同的基於

編輯2：顯然，我沒有足夠的信譽來發布兩個以上的超鏈接，很抱歉不得不復制和粘貼URL的不便。

內置了一個朋友的網站（http://vitkodance.com），以及所使用的@font-face實現一個谷歌的Web字體。然後我用一系列的回退來調用字體。標題是腳本風格，並且身體是襯線。當我在手機上加載Chrome上的Android版網站時，字體呈現的方式會有所不同，具體取決於手機的方向（以及可用的分辨率）。

這裏是縱向（備用字體）的網站：Chrome for Android Portrait Rendering。

這裏是在景觀網站（意）：Chrome for Android Landscape Rendering。

在我的Nexus 7平板電腦，如預期以兩種取向的字體顯示。有沒有辦法來解決這個問題？這種預期的行爲是基於我選擇的字體，還是需要處理字體大小（em）和行高的值？

來源

2012-11-29 Nicholas Ryan Bowers

我有同樣的問題，並提出了類似的問題。

目前，這是這裏http://code.google.com/p/chromium/issues/detail?id=138257

Android版Chrome瀏覽顯示備用字體，但海豚瀏覽器會顯示正確的字體，至少在我的設備被跟蹤的錯誤。所以這似乎是一個Chromium錯誤。

對於一些人來說，確定一個初始規模解決了這個問題，像這樣：

<meta name="viewport" content="initial-scale=1">

還加入-webkit-text-size-adjust:100%你的CSS可以解決問題爲好。

我希望我有一個明確的答案，但它似乎是沒有的。讓我知道事情的後續。

編輯答案：

我對這個問題的解決方案是完全拋棄谷歌網絡字體，相反，下載的字體到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; 
}

Google的網頁字體是開源的，所以你應該沒有問題找到字體的下載。

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

來源

2013-01-01 22:09:22 AAA

Chrome瀏覽器不同的基於

回答

相關問題