0

为什么 Opera Mobile 浏览器中不显示 Twitter Bootstrap 的图标?如何解决问题?在此处输入图像描述

4

4 回答 4

1

Opera Mini 首先不支持 Web 字体:

我可以使用@font-face网络字体吗?:

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

于 2014-03-17T14:13:02.727 回答
0

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

对于设备不支持 UTF8 编码中的扩展字符这一事实,您无能为力。
您可以改用受支持的字符或图像。设备的接受标头中可能有一些东西会泄露它没有所有字符。否则,您必须通过用户代理建立具有或不具有您需要的字符的设备列表,并在适用的情况下提供适当的输出。

一个可能对此有所帮助的库是 WURFL 设备数据库,它有一个名为的功能xhtml_preferred_charset,它是一个字符串,表示如果

默认情况下应该支持UTF-8,但是有些设备有问题。在这里您可以找到其他字符集,例如 iso8859。此字段不显示确切的字符集,因为使用 ISO 字符集,您可能需要指定您的区域之一(1、15、其他)

http://wurfl.sourceforge.net/help_doc.php

于 2014-02-25T04:10:52.843 回答
0

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

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

于 2014-02-14T07:46:14.910 回答
0

您可能使用 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/

于 2014-02-14T07:49:33.953 回答