在Chrome中刷新后,字体真棒图标消失
Cha*_*ams 13 html css google-chrome twitter-bootstrap font-awesome
Bootstrap版本3
Font Awesome版本3.2.1
我在Chrome上遇到了bootstrap和font awesome的问题.当我最初加载页面时,正确显示字体真棒图标.刷新页面时,图标消失.**为了澄清,整个图标都缺失了,这不是其他人遇到的空框问题.
我在这里抓住吸管,但我注意到在原始页面加载和刷新之间检索文件的顺序存在差异.
刷新页面时,字体文件是要检索的最后一个项目,它似乎也是一个缓存版本.
最后,<div class="btn">当鼠标悬停在a 上时,任何位于a内的图标都将被加载div.
任何帮助将非常感激!
初始页面加载
页面刷新
Net*_*fer 11
我猜你是在Windows机器上,对吧？
这是Chrome的一个老问题.在CSS Tricks上看到这篇文章.最后一篇文章的旁边应该是您问题的答案.或简而言之:使用PUA(专用区域)进行编码.
Font Awesome CSS文件中列出了每个图标的Unicodes(PUA代码)- 请参阅:Font Awesome使用Unicode专用区(PUA)...(第190行).