Font Awesome无法在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>该图标已应用于标签).

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