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字體的問題?是否有任何解決方法?
問題是,在這種情況下,只有SVG字體適用於Android 4.0.3/Galaxy S2以及標準英文字符。 – Behrang
您嘗試使用的確切字體是什麼?我可以下載並測試它嗎? – user2455524
有問題的字體是「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