Bootstrap Glyphicons不显示在IE10或FF中 [英] Bootstrap Glyphicons don't show in IE10 or FF

问题描述

我无法在IE10或FF中显示bootstrap图标。我使用的是最新的bootstrap 3代码，包括标准方式的glyphicons：

 < span class =glyphicon glyphicon -edit>< /跨度> 
  

它们在Chrome中工作正常，但是在IE10中它们不可见并在控制台中生成错误：

  CSS3111：@ font-face遇到未知错误。 
 glyphicons-halflings-regular.eot 
 CSS3111：@ font-face遇到未知错误。 
 glyphicons-halflings-regular.woff 
 CSS3111：@ font-face遇到未知错误。 
 glyphicons-halflings-regular.ttf 
  

有趣的是，它们在IE10本地工作，远程。

在FF中，他们显示E034图标，我认为图像没有找到？

解决方案

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

<

 < span class =glyphicon glyphicon-time>< p ; /跨度> 
  

I'm having trouble getting the bootstrap glyphicons to show in IE10 or FF. I'm using the latest bootstrap 3 code and am including the glyphicons the standard way:

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

They work fine in Chrome, however in IE10 they aren't visible and generate errors in console:

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

Interestingly, they work locally in IE10, but not remotely.

In FF they show the "E034" icon, which I assume means image not found?

解决方案

It works for ME in IE10. Do you have below files in your fonts directory

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

I Used to display time icon beside my article.

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

这篇关于Bootstrap Glyphicons不显示在IE10或FF中的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！