Opera Mini 上缺少 jQuery 个移动图标

Question

我正在创建这样的元素：

<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 上图标不可见。它只是一个空 space。

jQuery手机版为1.4.5

Answer 1

fontawesome 和 bootstrap 等网站上的图标通常使用自定义字体，然后通过使用 font-face CSS 规则。 font-face Opera Mini 当前不支持。

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

阅读以下 link，Opera Mini 似乎不允许自定义字体，而是使用设备上可用的字体。

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

您是否尝试过在 opera:config 中设置 Use bitmap fonts for complex scripts，也许这会奏效？ http://blog.tavultesoft.com/2014/07/enable-custom-fonts-in-opera-mini.html

编辑：

出现的问题是 jQuery 移动设备使用 .SVG 作为图标，如果失败则回退到 .png。 .png.

的路径设置不正确