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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了解决Web部署 svg/woff/woff2字体 404错误相关的知识,希望对你有一定的参考价值。

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

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

解决方法

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

技术分享

 

2、添加MIME类型 添加三条:  

文件扩展名      MIME类型 

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

以上是关于解决Web部署 svg/woff/woff2字体 404错误的主要内容,如果未能解决你的问题,请参考以下文章

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

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

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

WinServer-IIS-svg/woff/woff2字体 404错误

在IIS服务器上部署svg/woff/woff2字体

在IIS服务器上部署svg/woff/woff2字体