因为查看网站时发现woff格式的字体文件没有加载出现404错,检查发现没加载出来的文件是存在的。所以百度科普了一下,发现是MIME类型没添加,这里将找到解决方法贴出来,以备不时之需。

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

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

解决方法

1、打开服务器IIS管理器,找到MIME类型。(虚拟主机可以打开控制面板找到<MIME类型>并添加)

MIME参考 Web部署svg/woff/woff2字体 404错误

 

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

文件扩展名      MIME类型
.svg             image/svg+xml .woff            application/x-font-woff .woff2          application/x-font-woff

注:本文在win8环境下IIS7版本中填写的MIME类型,在IIS6、IIS7 MIME类型管理所处位置不一样,但是添加方式和参数均相同。

上述问题解决方法来自:http://www.cnblogs.com/hanwen/p/4212622.html

更多的Mime类型请查阅<MIME参考手册>http://www.w3school.com.cn/media/media_mimeref.asp

已有 4 条评论

  1. 谢谢博主分享,woff格式字体需要专门去下载吗

    1. 要下载的,放在网站目录下用来读取调用

  2. 感谢博主的分享~学习了~!

添加新评论