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

Posted 2020-07-23 bkcoding.cn

iis .woff

最近在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>