真棒字体在安卓浏览器上不起作用答案

【问题标题】：Font Awesome does not work on android browser真棒字体在安卓浏览器上不起作用
【发布时间】：2012-08-13 00:46:13
【问题描述】：

我正在使用Font Awesome，它是为与 Twitter Bootsrap 一起使用而设计的。

Galaxy S（型号 #GT-I9000M）手机上的 Android（2.1 版）浏览器不显示图标。它将它们显示为垂直矩形，类似于您在此处看到的：

有人知道解决这个问题的方法吗？

【问题讨论】：

还有separate issue。
可能没有解决办法。您无法更新浏览器，这可能是缺少所需功能的部分。不仅仅是图标丢失了，整个字体都丢失了并被一些默认字体替换

标签： android browser fonts icons font-awesome

【解决方案1】：

这里是对@font-face 的全面支持：http://caniuse.com/fontface

2.1 浏览器根本不支持它，直到 4.0 才得到正确支持。 2.2-3部分支持是指使用local()，完全不支持。如果您尝试获取本地字体或使用它来强制用户下载您的字体（笑脸破解），那么字体在现有的 Android 浏览器上根本不起作用。

编辑：How to know if a font (@font-face) has already been loaded? 你可以使用这个 jQuery 插件来检测 Font-Awesome 是否已经加载。如果它没有（由于错误的字体文件或由于电话缺乏支持），那么您可以添加一个类，将背景图像（图标）添加到 div/span/whatever （不能<i> 标记）已应用图标。

You can see a demo here.

【讨论】：

帕特里克，感谢您的回复。基于caniuse.com/fontface，Android Browser 2.1 似乎已经很老了，因此，大多数用户应该拥有支持 Font Awesome 的较新版本？
好吧，我仍在运行 HTC Desire。我的供应商已经停止支持它，所以除非我决定将我的手机植根（停留在 2.1），否则我不会获得任何 Android 更新。我认为这将取决于你的听众。也就是说，我已经为您更新了我的答案。