2013-06-05 4 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

Проблема заключается в том, что в Android 4.0.3/Galaxy S2 используются только шрифты SVG и для стандартных символов английского языка. – 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