在 Chrome 中刷新后 Font Awesome 图标消失答案

【问题标题】：Font Awesome icons disappear after refresh in Chrome在 Chrome 中刷新后 Font Awesome 图标消失
【发布时间】：2014-03-23 11:19:05
【问题描述】：

引导版本 3

字体真棒版本 3.2.1

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

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

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

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

任何帮助将不胜感激！

初始页面加载

页面刷新

【问题讨论】：

【解决方案1】：

我在最新版本的 chrome (33.0.1750.152) 中遇到了同样的问题对我来说可行的解决方案：将样式从身体转移到头部。

【讨论】：

【解决方案2】：

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

这是 Chrome 的老问题。请参阅 this posting 关于 CSS 技巧。倒数第二个帖子应该是您问题的答案。或者简而言之：使用 PUA（Private Use Area）进行编码。

每个图标的 Unicode（PUA 代码）列在 Font Awesome CSS file 中 - 请参阅：Font Awesome 使用 Unicode Private Use Area (PUA)...（大约第 190 行）。

【讨论】：