Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound相关的知识,希望对你有一定的参考价值。

今天查看网站的源代码,发现有个glyphicons-halflings-regular.woff文件没有找到,因为我的网站使用了bootstrap的Glyphicons 字体图标,因此需要加载Glyphicons Halflings的相关文件,但是我的文件中明明有这个文件那怎么会报404错误呢?

技术分享

那么具体是什么原因,我想到绝对路径中有,相同文件夹下的其他文件都可以找到为什么这个找不到呢?我发现这个文件的后缀是.woff,难道是因为我的服务器不支持这种文件,果然查资料知道我的空间使用的是Windows主机,因此需要修改一下配置,让IIS支持这种文件的访问,只需要修改网站根目录下的web.config添加如下代码即可。

技术分享

还是把代码给大家好复制。

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

经过上面的修改就可以解决bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的问题了。

 

另一个解决方案就是在IIS上增加以下MIME类型

扩展名:.woff   MIME类型:font/x-woff

以上是关于Bootstrap中glyphicons-halflings-regular.woff字体报404错notfound的主要内容,如果未能解决你的问题,请参考以下文章

bootstrap布局中的 图片如何垂直居中

bootstrap 中表格居中用啥类

bootstrap中modal框数据不清空,怎么解决

bootstrap 中表格怎么添加

bootstrap中modal框数据不清空,怎么解决

Bootstrap基本使用