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行).