我正在使用带有 Glyphicons 的优秀 Twitter Bootstrap 库，但是所有图标都呈现为空方 block ，如下所示:
我已经将 Glyphicons 字体上传到我的网站根目录并更改了 bootstrap.css 文件以指向它们的正确位置，我已经验证了它们 200 OK Chrome 开发工具中的请求:
这是我正在使用的标记:
<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/
关于css - 字形呈现为空框，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/18678638/