我正在创建这样的元素:
<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
最佳答案
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
您是否尝试过在 opera:config
中设置 Use bitmap fonts for complex scripts
,也许这会奏效?
http://blog.tavultesoft.com/2014/07/enable-custom-fonts-in-opera-mini.html
编辑:
问题似乎是 jQuery Mobile 使用 .SVG
作为图标,如果失败则回退到 .png
。 .png
的路径设置不正确。
关于html - Opera Mini 上缺少 jQuery Mobile 图标,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30299557/