bootstrap3不显示Glyphicons 图标
刚装了bootstrap3,发现Glyphicons 图标不显示,只出现字符,不知道是什么原因呢?
青丝半缳慵依床
11 years, 7 months ago
Answers
Glyphicons的图标(矢量字体模式)原本不是免费的,但作者为了Bootstrap发展,贡献了这组图标。为了答谢他,Bootstrap建议在网站上放上他的友情链接。额,别斜眼看我,我知道我没放友情链接,人家只是建议嘛。转回正题,一般来说,如果你直接从Bootstrap官网上下载原版Bootstrap3并不加修改,是没什么问题的。但如果你是在Customize(自定义Bootstrap)中下载,可能就会有问题了,估计眼利的朋友会发现,fonts文件夹下的字体文件大小与原装无修改版竟然不一致!也就是说,这货压根就有问题的。这或许是“自定义Bootstrap“的一个BUG,whatever,修复起来也不麻烦。
解决办法:
下载官方原装无修改正版Bootstrap3源文件下载,把里面fonts文件夹里的字体文件上传到你的服务器,覆盖那些错误的字体文件就可以了。如果你刷新浏览器之后还是图标没出现,估计是浏览器从缓存中加载旧的字体文件了,按ctr+f5强制刷新一篇就OK了。
注意
IE6 7 8 对Glyphicons字体兼容性很一般,如果你的目标用户群使用这些浏览器,建议不要使用Bootstrap,不仅因为Glyphicons字体不能使用,还有其它不兼容的问题。
沉默爆破手
answered 10 years, 2 months ago