android - 真棒字体在安卓浏览器上不起作用

Question

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

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

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

Answer 1

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

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

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

你可以在这里看到一个演示。