Glyphicons呈现为空盒子

Joh*_*ean 17 css twitter-bootstrap glyphicons

我正在使用带有Glyphicons的优秀Twitter引导库,但是所有图标都呈现为空方块,如下所示:

在此输入图像描述

我已将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>
Run Code Online (Sandbox Code Playgroud)

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

Joh*_*ean 8

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