Not Found woff 字体库

Posted 心韵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Not Found woff 字体库相关的知识,希望对你有一定的参考价值。

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

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

 

  1. .woff  application/x-font-woff
  2. .woff2 application/x-font-woff
  3. .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>

以上是关于Not Found woff 字体库的主要内容,如果未能解决你的问题,请参考以下文章

问题&解决fonts/fontawesome-webfont.woff2 404 (Not Found)

fonts/fontawesome-webfont.woff 404 (Not Found)

Bootstrap,Font Awesome等组件中 .woff字体报404错的解决办法

NetworkError: 404 Not Found - http://www.companyName.com/Content/fonts/ubuntu-regular-webfont.woff2(

Vue + webpack,将字体文件转换为base64

Iconfont-阿里巴巴矢量库下载的字体