Word-Awesome图标无法在Android版Chrome上正确显示

Question

我的Font-Awesome图标无法在Chrome for Android的以下页面中正确呈现：

http://nylen.tv/public/chrome-issue.html

每个td.description元素（ZZZZZ行）的末尾都有一个或两个Font-Awesome图标。在我的Galaxy Nexus上，如果页面以纵向模式加载，则不会显示这些内容。如果页面以横向模式加载，它们会显示，但如果手机然后翻转为纵向模式，它们将消失。我的Nexus 7也出现了类似的问题。

我认为我的标记没有问题。它适用于我尝试过的所有其他浏览器，除了Font-Awesome的供应商前缀CSS属性外，HTML和CSS验证。

有人见过这样的东西吗？任何解决方法？

Answer 1

此问题已在Chrome for Android更新中得到解决。

Answer 2

我在Chrome桌面上遇到了类似的问题...而不是图标，垂直矩形在其位置呈现。

在其他地方，在您网站的自己的样式表中，建议您可以设置1em的高度和宽度，并将显示设置为：block，就像这样...

i {
  width: 1em;
  height: 1em;
  display:block;
  cursor: pointer;
}

但我发现问题是我没有在font-awesome.min.css中正确设置相对字体路径...这样做的方向在这里：

[http://fortawesome.github.com/Font-Awesome/#integration] [1]

请确保每个网址都以＆＃34; src＆＃34;开头。标签...

@font-face{
  font-family:'FontAwesome';
  src:url('../font/fontawesome-webfont.eot?v=3.0.1');
  src:url('../font/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype');
  src:url('../font/fontawesome-webfont.woff?v=3.0.1') format('woff');
  src:url('../font/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }