Question

获得FontAwesome图标字体的奇怪行为。

图标确实显示在页面加载上，但当我在标签之间翻转并返回原始页面时，图标可能显示为白色方块（不是每个图标，只有一些）。将鼠标悬停在它们上方时，它们将恢复正常显示。

enter image description here

我正在通过CDN加载字体：

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">

我猜白色方块来自FontAwesome CSS，浏览器有识别角色的麻烦：

.fa-facebook:before {
  content: "\f09a";
}

我有点迷失为什么在切换标签后它会继续发生。字体似乎被加载，因为在第一次加载时我可以看到图标。可能与其他CSS冲突？

需要一些建议，寻找根本原因。

Answer 1

我接到了您的问题，因为我们在网站上使用Symbolicons图标字体遇到了同样的事情。

在做了一些研究之后，我发现这是由于Chrome中的错误而发生的。所以问题不在于Font Awesome，我认为你现在无法做任何事情来修复它。猜猜我们必须等待修复才能达到稳定的Chrome版本。

错误讨论的链接：