Иконка-шрифты не работают в Opera Mobile

Я начал использовать коллекцию FontAwesome и протестировал ее на разных ОС/браузерах.
Я узнал, что он работает с IE> 7, Firefox, Chrome, Safari (iPhone, iPad), Opera Desktop, это действительно приятно!Иконка-шрифты не работают в Opera Mobile

Только Opera Mini не поддерживает @ font-face, но Opera Mobile (v 12.19).
НО только работает с нормальный шрифты с алфавитными буквами.
Значительные шрифты, такие как FontAwesome или icnfnt не работают!

Я думаю, причина в том, что значки не используют обычные алфавитные символы. Символы значков описаны в шестнадцатеричном формате (содержимое ISO CSS: i:before {content: "\f000"}). Я пытаюсь описать значки в числовом формате в HTML-коде (конвертировать из шестнадцатеричного в десятичный: <i></i>), но это также не работает.

Итак, есть решение для отображения знаковых шрифтов на Opera Mobile?

родственный ссылка: HTML Glyphs

enter image description here

источник

2013-02-21 timaschew

Превосходный движок по опере должен поддерживать значки шрифтов, если вы можете предоставить jsfiddle того, как вы их реализуете, возможно, я могу предложить более совместимый способ. –

EDIT: примеры и реализация показаны на этом сайте: http://fortawesome.github.com/Font-Awesome/#integration – timaschew

У меня нет опера мобильника, и вы можете посмотреть на icomoon.io для некоторых хороших шрифтов значков и попробовать другой ресурс ... кроме того, вы не можете поставлять нужный файл шрифта значка для использования оперы, вам может понадобиться попробовать файлы EOT, TTF, SVG, чтобы увидеть, отображает ли они какие-либо из них. –

я узнал, что он работает с IE> 7 ...

Font-Потрясающие поставляется с таблицей стилей IE7, который Безразлично» t использование @font-face. Вы пытались включить это, чтобы узнать, исправляет ли он проблему с Opera Mobile?

font-awesome-ie7.min.css

источник

2013-02-21 14:47:59

Я уже пытаюсь сказать, что вы говорите ... это действительно дерьмово ... Я на Android 4.2.1 (Nexus 4) Какая версия вашей ОС или устройство? – timaschew

О, боже, извините, просто понял, что я проверяю браузер по умолчанию, а не Opera! Пробовал в Opera и нет, это не сработает.Я предполагаю, что исправление по-прежнему будет включать таблицу стилей IE7, когда браузер идентифицирует Opera Mobile (я думаю, вы можете использовать Modernizr для обнаружения этого). –

Я заставляю загружать IE7 css каждый раз. Я очень уверен, проблема Opera Mobile не имеет ничего общего с IE7 hack – timaschew

меня были те же проблемы с Opera Mobile/Opera Mini. Для меня работала переключение с Font Awesome на Elusive Icons. Они также «созданы для Bootstrap» и имеют в основном одинаковые значки, мне даже не пришлось менять ни одного из имен классов значков при переключении, только файлы шрифтов и файлы с меньшим/css.

источник

2013-03-15 23:30:53 Ray

Иконка-шрифты не работают в Opera Mobile

ответ

Смежные вопросы