css3 – Bootstrap 3无法正确显示glyphicon

我从bootstrap 2.3迁移到bootstrap 3,一切都很好。但是当我试图添加一些图标时,图标字体无法正常显示。我试图看看这里 http://bootply.com/61521和只有’.glyphicon-envelope’正在正确显示。其他人显示为“E001”等。

我如何能够解决这个问题?

对于其他浏览器,glyphicons显示正确,只有firefox是unables正确显示它。

解决方法

OK,我的问题没有回答上面的。我有fonts文件夹在与bootstrap css和js文件夹相同的位置(例如/ theme / bootstrap3 / ..),但它正在寻找字体文件夹在根(例如/ fonts / glyph .. .woff)

我的解决方案是将@ icon-font-path变量设置为正确的相对路径:

例如@ icon-font-path:“fonts /”;

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效