引导3 glyphicon显示不正常(Bootstrap 3 glyphicon is not di

2019-10-28 12:32发布

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

在Chrome 34 glyphicon示出了“方形”

在IE 11的glyphicon显示什么

在FF 28 glyphicon显示了数字/字符一个奇怪的图标看起来破...

什么是错我的超级链接?

我知道有上非常相似/同样的问题。 但他们并没有帮助我。

例如,这一个: Twitter的引导3 Glyphicons错误

这哪里是security.yml文件? 它不是在我的字体文件夹!

我得到这个在我的铬控制台:

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

为什么解释为字体? 我一定要设置在IIS中的东西吗?

Answer 1:

尝试在空间站设置正确的MIME类型,使用WOFF资源:

  <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类不见了...



文章来源: Bootstrap 3 glyphicon is not displayed correctly