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