Twitter Bootstrap图标和Opera Mobile :(

Question

为什么Twitter Bootstrap的图标不会显示在Opera Mobile浏览器中？如何解决问题？

Answer 1

Opera Mini首先不支持Web字体：

  

Can I use @font-face Web fonts?:

     

Version | Opera Mini
  -------------------------------------------
  Current | 5.0-7.0 [Not Supported (= Red)]

Answer 2

HTML文件可以定义不同的字符集。您可以尝试使用不同的编码来查看它，例如UTF-8。

如果字符集是UTF-8，则未显示的字符可能来自UTF-8不支持的其他编码。

Answer 3

可能你使用CDN（内容传送网络）链接到你的bootstrap css文件......如果你是，那么也许你使用旧的过时的。检查以确保您的链接是最新的。不使用托管依赖项的一个优点是未来不会出现这个问题。

目前，试试这个 - ＆gt; //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/

Answer 4

您正在测试的设备可能没有内置字符集中的该图标。每个设备都有一个可以绘制的字体集，如果你使用该范围之外的字符，它会显示一些默认图标，如方形或问号颠倒。

对于设备不支持UTF8编码中的扩展字符这一事实，您无能为力。
您可以使用支持的字符，或者使用图像。 设备的接受标题中可能存在某些内容，它们会泄露它没有所有字符。否则，您必须按用户代理建立设备列表，该列表包含或不具有您需要的字符，并在适用的情况下提供适当的输出。

可能对此有帮助的一个库是WURFL设备数据库具有名为xhtml_preferred_charset的功能，该功能是一个字符串，表示是否

  

默认情况下应支持UTF-8，但有些设备存在问题。   在这里你可以找到替代的字符集，如iso8859。这个领域   不会出现确切的字符集，因为您可以使用ISO字符集   需要指定您所在的区域（1,15，其他）

请参阅http://wurfl.sourceforge.net/help_doc.php