海盛科技

您的当前位置:网站首页 » 帮助中心» 云服务器

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

来源:海盛科技类型:帮助文件 更新:2017-7-27 点击:365

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

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

解决方法

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

IIS6

wp-fonts3.gif

IIS7及以上版本

091003532819095.png

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>

我们很乐意帮助您!请联系在线客服或致电我们。7×24小时客服热线: 0514-87108118