Bootstrap,Font Awesome等组件中 .woff字体报404错的解决办法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Bootstrap,Font Awesome等组件中 .woff字体报404错的解决办法相关的知识,希望对你有一定的参考价值。

参考资料:http://www.zhidao91.com/glyphicons-halflings-regular-woff-404-not-found/

 

是因为IIS不支持这种文件的访问,这样修改网站根目录下的web.config添加如下代码即可

技术分享

 

1 <staticContent>
2     <remove fileExtension=".woff"/>
3     <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
4 </staticContent>

.woff2等文件也是类似

以上是关于Bootstrap,Font Awesome等组件中 .woff字体报404错的解决办法的主要内容,如果未能解决你的问题,请参考以下文章

Font Awesome 和 Bootstrap 4 导航栏

Ten——tornado操作之使用 Bootstrap 前端框架美化项目(Bootstrap的使用及font- awesome插件的使用—图标集和工具包)+静态文件的处理

Ten——tornado操作之使用 Bootstrap 前端框架美化项目(Bootstrap的使用及font- awesome插件的使用—图标集和工具包)+静态文件的处理

Bootstrap和Font Awesome

Bootstrap 3:Glyphicons 可以像 Font Awesome 的图标那样堆叠吗?

javascript React Bootstrap&Font Awesome Imports