为FontAwesome图标字体获得奇怪的行为.
图标会显示在页面加载中,但是当我在标签之间翻转并返回到原始页面时,图标可能会显示为白色方块(不是每个图标,只是一些).当鼠标悬停在其上时,它们将恢复正常显示.
我通过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有冲突吗？
需要一些建议来寻找根本原因.
解决方法
我被带到您的问题,因为我们在我们的网站上遇到与Symbolicons图标字体相同的事情.
在做了一些研究后,我发现这是由于Chrome中的一个错误.所以问题不是字体真棒,我不认为你可以做任何事情来解决它.猜猜我们只需要等待修复,才能达到稳定的Chrome版本.
链接到bug讨论：
> Issue 336075: embedded fonts unload
> Issue 336170: Wrong rendering of Webfonts when loading tabs in background
