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

Posted 2023-03-05

【中文标题】在 Chrome 中刷新后 Font Awesome 图标消失

【英文标题】：Font Awesome icons disappear after refresh in Chrome

【发布时间】：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 行）。