如何解决Web部署 svg/woff/woff2字体 404错误
- 作者:久云网络
- 发表时间:2017-12-18
- 阅读量: 19927
问题:最近在IIS上部署web项目的时候,发现浏览器总是报找不到woff、woff2字体的错误。导致浏览器加载字体报404错误,白白消耗了100-200毫秒的加载时间。
原因:因为服务器IIS不认SVG,WOFF/WOFF2 这几个文件类型,只要在IIS上添加MIME 类型即可。
解决方法
1、打开服务器IIS管理器,找到MIME类型。
IIS6
IIS7及以上版本
2、添加MIME类型 添加三条:
文件扩展名 MIME类型
.svg image/svg+xml
.woff application/x-font-woff
.woff2 application/x-font-woff
注:此图是在win2008环境下IIS7版本中填写的MIME类型,在IIS6、IIS7 MIME类型管理所处位置不一样,但是添加方式和参数均相同。
3、web.config
IIS7及以上版本
<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" /> </staticContent> <rewrite>...</rewrite> </system.webServer> </configuration>
4、虚拟主机用户,可以在我们面板直接设置MIME类型