2

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

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

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

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

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

4

2 回答 2

2

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

于 2013-04-09T20:33:48.540 回答
0

我在 Chrome 中遇到了类似的问题……在我的桌面上。代替图标的是一个垂直的矩形在它的位置上呈现。

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

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

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

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

还要确保每个 URL 前面都带有“src”标签...

@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 }
于 2013-03-07T23:00:44.830 回答