Bootstrap 3 glyphicon无法正确显示

Question

<a class="btn btn-default" id="exportdata" href="#"><i class="glyphicon-export"></i></a>

在Chrome 34上，glyphicon显示＆＃34; square＆＃34;

在IE 11上，glyphicon不显示任何内容

在FF 28上，glyphicon显示一个带有数字/字符的奇怪图标，看起来很破碎......

我的超链接有什么问题？

我知道在SO上有类似/相同的问题。但他们没有帮助我。

例如这一个：Twitter Bootstrap 3 Glyphicons error

这个security.yml文件在哪里？它不在我的字体文件夹中！

我在Chrome控制台中得到了这个：

Resource interpreted as Font but transferred with MIME type font/x-woff: "http://localhost:5264/fonts/fontawesome-webfont.woff?v=4.0.3". 

为什么解释为Font？我是否必须在IIS中设置内容？

Answer 1

尝试使用以下方法在ISS上为woff资源设置正确的MIME类型：

  <staticContent>
    <remove fileExtension=".woff" />
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  </staticContent>

Answer 2

亲爱的......答案是，当我这样做时字体有效：

<i class="glyphicon glyphicon-export"></i>

而不是：

<i class="glyphicon-export"></i>

一个.glyphicon班失踪了......