小编: 本文提供了两种WOFF、WOFF2字体404报错的解决办法,推荐第二种。
在博客最后调试中发现WOFF、WOFF2两个字体404报错,强迫症怎么能忍这个,然后发现是因为服务器IIS不认WOFF、WOFF2 这几个文件类型,只要在IIS上添加MIME 类型就可以。知道原因了就好办了,两个办法。
办法一:iis添加MIME类型,因为我用的万网空间,万网的空间是iis7,而且没有服务器权限所以我通过web.config来添加,下面是代码。
<?xml version="1.0" encoding="UTF-8"?> <configuration> <system.webServer> <staticContent> <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff" /> <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" /> </staticContent> </system.webServer> </configuration>
办法二:调用用cdn字体库,直接在样式里面调用字体的绝对连接。最近这种办法,简单快捷。
推荐第二种办法,上图是我用的bootcss的字体库,没有显示WOFF、WOFF2字体,但是后面的文件名换成fontawesome-webfont.woff也是可以正常访问的
如非注明,文章均为石家庄SEO-十六站绩所著,转载请注明:http://www.zhaoyasai.com/web/5.html