2015-05-18 60 views
1

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的版本是网站上,如fontawesome引导经常利用使用自定义字体,然后通过使用CSS font-face规则设置的1.4.5

回答

0

图标。 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的路径设置不正确。

+0

关于http://demos.jquerymobile.com/1.4.5/每个图标都可以从opera mini中看到,所以我认为这不是Opera设置的问题。 –

+0

啊,所以它在这里说它尝试使用svg然后png如果svg失败。 http://demos.jquerymobile.com/1.4.5/icons/你可以看看opera mini是试图获取这些本地还是远程的,它们的行为与你的网站和jQuery UI界面有什么不同? – UsainBloot

+0

我错误的路径.png文件,所以情况就是如此。 –