在Chrome中刷新后，字体真棒图标消失

Question

Bootstrap版本3

Font Awesome版本3.2.1

我在Chrome上遇到bootstrap和font awesome问题。当我最初加载页面时，正确显示字体真棒图标。刷新页面时，图标消失。 **为了澄清，整个图标都缺失了，这不是其他人遇到的空盒子问题。

我正在抓住稻草，但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异。

刷新页面时，字体文件是要检索的最后一项，它似乎也是一个缓存版本。

最后，当鼠标悬停在<div class="btn">上时，将加载位于div内的所有图标。

非常感谢任何帮助！

初始页面加载

页面刷新

Answer 1

我猜你是在Windows机器上，对吗？

这是Chrome的一个老问题。有关CSS技巧的信息，请参阅this posting。最后一篇文章的旁边应该是您问题的答案。或简而言之：使用PUA（专用区域）进行编码。

每个图标的Unicodes（PUA代码）列在Font Awesome CSS file中 - 请参阅：Font Awesome使用Unicode专用区（PUA）...（第190行左右）。

Answer 2

我在最新版本的Chrome中遇到了同样的问题（33.0.1750.152） 适用于我的工作解决方案：将样式从主体移动到头部。