2013-06-05 122 views
0

我們的項目有一個@font-face規則像這樣使用自定義字體:TTF字體是否適用於Android 4.0.3的默認瀏覽器?

@font-face { 
    font-family: "Foo Light"; 
    src: url("foo.eot"); /* IE9 Compat Modes */ 
    src: url("foo.eot?#iefix") format('embedded-opentype'), /* IE6-IE8 */ 
    url("foo.woff") format("woff"), /* Modern Browsers */ 
    url("foo.ttf") format("truetype"), /* Safari, Android, iOS */ 
    url("foo.svg#ca4650e2-5aa3-4755-9c6d-256cbb4f5115") format("svg"); /* Legacy iOS (and Galaxy S2/Android 4.0.3 and possibly other Android 4.0.3 devices) */ 
} 

我們面臨的SVG字體和text-overflow: ellipsis的問題(見here [搜索省略號])。由於我們不再支持傳統iOS設備,因此我刪除了SVG字體回退以修復省略號錯誤。

然後Android 4.0.3的默認瀏覽器(在Galaxy S2上)停止使用我們的自定義字體。發現它也回落在SVG上,而Android 2.3和更新的Android設備可以使用TTF字體。

有沒有人遇到過Android 4.0.3默認瀏覽器不支持TTF字體的問題?是否有任何解決方法?

回答

0

SVG沒有(完全)在現有的Android瀏覽器中支持,但Chrome支持它。具有標準英語以外字符的RTL語言在股票瀏覽器中完全不支持。

+0

問題是,在這種情況下,只有SVG字體適用於Android 4.0.3/Galaxy S2以及標準英文字符。 – Behrang

+0

您嘗試使用的確切字體是什麼?我可以下載並測試它嗎? – user2455524

+0

有問題的字體是「VAG Rounded W01 Light」和「VAG Rounded W01 Bold」。你可以從[這裏]下載它們(http://mobile.yellow.com.au/static/SDjL2Y6JwCoSi2fs2u8oXRWRJQRSrtxIcE2dWscG8pF.css)。只要搜索'font-face'。如果我們刪除SVG字體後備,Galaxy S II/Android 4.0.3不會選取TTF字體。 – Behrang