在Opera Mini上缺少jQuery Mobile图标

时间:2015-05-18 09:30:27

标签: html css jquery-mobile 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浏览器,Opera等浏览器,但Opera Mini图标不可见。它只是一个空旷的空间。

jQuery Mobile版本是1.4.5

1 个答案:

答案 0 :(得分:0)

fontawesome bootstrap 等网站上的图标通常会使用自定义字体,然后使用font-face CSS规则进行设置。 Opera Mini目前不支持font-face

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

编辑:

出现的问题是jQuery mobile使用.SVG表示图标,如果失败则会回退到.png。未为.png正确设置路径。