html – 在Chrome中刷新后,字体真棒图标消失

前端之家收集整理的这篇文章主要介绍了html – 在Chrome中刷新后,字体真棒图标消失前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
Bootstrap版本3

Font Awesome版本3.2.1

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

我在这里抓住吸管,但是我注意到在原始页面加载和刷新之间检索文件的顺序有差异.

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

最后,位于< div class =“btn”>内的任何图标当鼠标悬停在div上时将被加载.

任何帮助将不胜感激!

初始页面加载

页面刷新

解决方法

我想你在 Windows机器上,对吧?

这是Chrome的一个老问题.请参阅this posting CSS技巧.最后一个帖子的旁边应该是你的问题的答案.或简而言之:使用PUA(私人使用区域)进行编码.

每个图标的Unicodes(PUA代码)在Font Awesome CSS file中列出 – 请参阅:Font Awesome使用Unicode专用区域(PUA)…(围绕第190行).

猜你在找的HTML相关文章