WOFF、WOFF2字体404报错解决办法

建站教程 十六 1354 浏览

小编: 本文提供了两种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字体库,直接在样式里面调用字体的绝对连接。最近这种办法,简单快捷。

调用cdn字体库

      推荐第二种办法,上图是我用的bootcss的字体库,没有显示WOFF、WOFF2字体,但是后面的文件名换成fontawesome-webfont.woff也是可以正常访问的

如非注明,文章均为石家庄SEO-十六站绩所著,转载请注明:http://www.zhaoyasai.com/web/5.html

你可能喜欢的:
继续浏览与:WOFF2字体报错 相关的文章