代码改变世界

解决IIS Web部署 svg/woff/woff2字体 404错误

2019-07-23 22:30  狼人:-)  阅读(418)  评论(0编辑  收藏  举报

最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误,白白消耗了几百毫秒的加载时间。

一开始以为是路径的问题,检查发现路径也没错。

后来才发现因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。

打开服务器IIS管理器,找到MIME类型

添加MIME类型 添加三条:  

       文件扩展名      MIME类型 

.svg             image/svg+xml
.woff            application/x-font-woff
.woff2          application/x-font-woff

 

或者在web.config的 system.webServer节点下添加

 <system.webServer>
    <staticContent>   <mimeMap fileExtension=".woff" mimeType=" application/x-font-woff" />   <mimeMap fileExtension=".woff2" mimeType=" application/x-font-woff" />     </staticContent>
 </system.webServer>