为什么 Opera Mobile 浏览器中不显示 Twitter Bootstrap 的图标?如何解决问题?
4 回答
Opera Mini 首先不支持 Web 字体:
Version | Opera Mini
-------------------------------------------
Current | 5.0-7.0 [Not Supported (= Red)]
您正在测试的设备可能在其内置字符集中没有该图标。每个设备都有一个可以绘制的字体集,如果您使用超出该范围的字符,它会显示一些默认图标,例如倒置的正方形或问号。
对于设备不支持 UTF8 编码中的扩展字符这一事实,您无能为力。
您可以改用受支持的字符或图像。设备的接受标头中可能有一些东西会泄露它没有所有字符。否则,您必须通过用户代理建立具有或不具有您需要的字符的设备列表,并在适用的情况下提供适当的输出。
一个可能对此有所帮助的库是 WURFL 设备数据库,它有一个名为的功能xhtml_preferred_charset
,它是一个字符串,表示如果
默认情况下应该支持UTF-8,但是有些设备有问题。在这里您可以找到其他字符集,例如 iso8859。此字段不显示确切的字符集,因为使用 ISO 字符集,您可能需要指定您的区域之一(1、15、其他)
HTML 文件可以定义不同的字符集。您可以尝试使用不同的编码(例如 UTF-8)查看它。
如果字符集是 UTF-8,则未显示的字符可能来自 UTF-8 不支持的其他编码。
您可能使用 CDN(内容交付网络)链接到您的引导 css 文件……如果您是,那么您可能使用的是旧的过时的文件。检查以确保您的链接是最新的。不使用托管依赖项的优点之一是将来不会出现该问题。
目前,试试这个-> //netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css
根据您对您正在使用的代码的评论,您不使用引导图标,您的字体真棒图标...将其添加到您的代码中
<link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet">
<link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
应该这样做
来源 - http://fortawesome.github.io/Font-Awesome/3.2.1/icon/globe/
以及实施说明的来源
http://fortawesome.github.io/Font-Awesome/3.2.1/get-started/