海海日记-冯海滨博客

您现在的位置是:首页 > 系统 > 正文

系统

IIS无法加载字体文件(*.woff,*.svg)的解决办法

happyfhb2019-05-06系统2232

在编写前端代码的过程中经常会遇到使用特定的字体(*.woff,*.svg),此时在加载字体时请求会被返回


Failed to load resource: the server responded with a status of 404 (Not Found)。


原因是,默认在IIS上是没有添加对*.woff,*.svg文件的Mime类型,因此在客户端请求此类文件时得到的都是404。


所以我们只需要在我们对应网站下的Mime类型中添加文件对应的类型就行了


 


.woff  application/x-font-woff

.woff2 application/x-font-woff

.svg   image/svg+xml

另外在mvc中,设置了上述Mime类型后get请求字体时任然会出现404的问题,这个时候需要在我们的web工程中的config的system.webServer节点中添加如下的代码来支持

<staticContent>
      <remove fileExtension=".woff"/>
      <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
      <remove fileExtension=".woff2"/>
      <mimeMap fileExtension=".woff2" mimeType="application/x-font-woff2" />
      <remove fileExtension=".ttf" />
      <mimeMap fileExtension=".ttf" mimeType="application/x-font-truetype" />
      <remove fileExtension=".svg" />
      <mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
      <remove fileExtension=".otf" />
      <mimeMap fileExtension=".otf" mimeType="application/x-font-opentype" />
      <remove fileExtension=".eot" />
      <mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
    </staticContent>


平淡中储蓄成长

发表评论

评论列表

  • 动画制作(2019-09-01 17:23:16)回复取消回复

    在编写前端代码的过程中经常