css – 缩写为空盒子的Glyphicons

我使用优秀的Twitter引导库与Glyphicons,但所有的图标都呈现为空的方格,像这样:

我已将Glyphicons字体上传到我的Web根目录,并将bootstrap.css文件更改为指向正确的位置,我已经通过验证,因为Chrome的开发工具中有200个OK请求:

这是我使用的标记

<a href="http://www.mysite.com/download" class="btn btn-primary"><span class="glyphicon glyphicon-star"></span> Download to Computer</a>

任何为什么字体可能呈现为空框的想法? StackOverflow上的以前的答案都指向不正确的字体路径,这里不一样,因为路径是正确的.

解决方法

不是真正的解决方案,但我最终只是使用Bootstrap CDN: http://www.bootstrapcdn.com/

相关文章

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