在Chrome中刷新后，字體真棒圖標消失

Question

Bootstrap版本3

Font Awesome版本3.2.1

我在Chrome上遇到了bootstrap和font awesome的問題。 當我最初加載頁面時，正確顯示字體真棒圖標。 刷新頁面時，圖標消失。 **為了澄清，整個圖標都缺失了，這不是其他人遇到的空盒子問題。

我在這里抓住吸管，但我注意到在原始頁面加載和刷新之間檢索文件的順序存在差異。

刷新頁面時，字體文件是要檢索的最后一個項目，它似乎也是一個緩存版本。

最后，當鼠標懸停在div上時，將加載位於<div class="btn">內的任何圖標。

任何幫助將非常感激！

初始頁面加載

頁面刷新

Answer 1

我猜你是在Windows機器上，對吧？

這是Chrome的一個老問題。 在CSS Tricks上看到這篇文章 。 最后一篇文章的旁邊應該是您問題的答案。 或簡而言之：使用PUA（專用區域）進行編碼。

Font Awesome CSS文件中列出了每個圖標的Unicodes（PUA代碼） - 請參閱：Font Awesome使用Unicode專用區（PUA）...（第190行左右）。

Answer 2

我在最新的chrome版本中遇到了同樣的問題（33.0.1750.152）我的工作解決方案：從主體到頭部移動樣式。