Bootstrap Glyphicons不显示在IE10或FF中

时间:2013-10-05 17:09:01

标签: internet-explorer firefox twitter-bootstrap twitter-bootstrap-3 glyphicons

我无法在IE10或FF中显示bootstrap glyphicons。我正在使用最新的bootstrap 3代码,并以标准方式包含glyphicons:

<span class="glyphicon glyphicon-edit"></span>

它们在Chrome中运行良好,但在IE10中它们不可见并在控制台中生成错误:

CSS3111: @font-face encountered unknown error. 
glyphicons-halflings-regular.eot
CSS3111: @font-face encountered unknown error. 
glyphicons-halflings-regular.woff
CSS3111: @font-face encountered unknown error. 
glyphicons-halflings-regular.ttf

有趣的是,它们在IE10本地工作,但不是远程工作。

在FF中,它们显示“E034”图标,我认为这意味着图像未找到?

2 个答案:

答案 0 :(得分:4)

enter image description here适用于IE10中的ME。您的字体目录中是否有以下文件

glyphicons-halflings-regular.eot
glyphicons-halflings-regular.svg
glyphicons-halflings-regular.ttf
glyphicons-halflings-regular.woff

我曾在我的文章旁边显示时间图标。

<span class="glyphicon glyphicon-time"></span>

答案 1 :(得分:0)

值得注意的是,引导3图标以及其他样式无法正确显示ie10有时可以通过添加强制最新的IE版本来修复。

此外,一切都可能在当地显得很好;但您可能需要来自服务器的元标记。