图标字体偶尔显示为正方形,并在悬停时返回图标

Web*_*nik 13 html css fonts font-face font-awesome

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

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

在此输入图像描述

我正在通过CDN加载字体:

<link href="//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css" rel="stylesheet">
Run Code Online (Sandbox Code Playgroud)

我猜白色方块来自FontAwesome CSS,浏览器有识别字符的麻烦:

.fa-facebook:before {
  content: "\f09a";
}
Run Code Online (Sandbox Code Playgroud)

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

需要一些建议在哪里寻找根本原因.

小智 13

我被问到了,因为我们在网站上使用Symbolicons图标字体经历了同样的事情.

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

错误讨论的链接: