2015-05-18 2 views
1

Я создаю элементы так:Недостающие Jquery Мобильные иконки на Opera Mini

<a href="#nav-panel" class="ui-btn-left ui-btn ui-btn-c ui-corner-all ui-btn-icon-notext ui-icon-bars ui-alt-icon ui-nodisc-icon"></a> 

Это хорошо работает в браузере как Chrome, Android Browser, Opera и т.д., но на Opera Mini иконки не видны. Это просто пустое пространство.

JQuery Мобильная версия 1.4.5

ответ

0

иконки на веб-сайтах, таких как fontawesome и бутстраповских часто используют используя специальный шрифт, который затем настроить с помощью правила font-face CSS. font-face в настоящее время не поддерживается Opera Mini.

http://caniuse.com/#feat=fontface

Чтение ссылку, это выглядит как Opera Mini не позволяет пользовательских шрифтов и вместо этого использует шрифты, доступные на устройстве.

http://dev.opera.com/articles/view/opera-mini-web-content-authoring-guidelines/#typography

Вы пробовали настройки Use bitmap fonts for complex scripts в opera:config, может быть, это будет работать? http://blog.tavultesoft.com/2014/07/enable-custom-fonts-in-opera-mini.html

Edit:

Появляется проблема в том, что JQuery мобильного использует .SVG для значков и падает обратно .png, если это не удается. Путь не был настроен правильно для .png.

+0

На http://demos.jquerymobile.com/1.4.5/ каждый значок виден из opera mini, поэтому я думаю, что это не проблема с настройками оперы. –

+0

Ах, так он говорит здесь, он пытается использовать svg, а затем png, если svg терпит неудачу. http://demos.jquerymobile.com/1.4.5/icons/. Вы можете увидеть, пытается ли opera mini получить эти локальные или удаленные файлы, как это ведет себя иначе, чем ваш сайт и пользовательский интерфейс jquery? – UsainBloot

+0

У меня был неправильный путь к файлам .png, так что это было так. –