首页 > 其他 > 详细

Chrome: Resource interpreted as Font but transferred with MIME type font/x-woff

时间:2015-12-21 14:15:49      阅读:170      评论:0      收藏:0      [点我收藏+]

    最近,项目中加入了Bootstrap进行界面优化,但是,项目加载运行之后,控制台总是提示一下错误信息:

    GET http://localhost:8080/.../fonts/fontawesome-webfont.woff2?v=4.3.0

    Resource interpreted as Font but transferred with MIME type font/x-woff:"http://localhost:8080/.../fonts/fontawesome-webfont.woff2?v=4.3.0"

    后来,在网上查找资料,了解到这是由于WOFF fonts缺少官方MIME类型定义引起的。WOFF fonts具有一下几种MIME类型:

  • font/x-woff
  • application/x-font-woff
  • application/font-woff
  • font/woff

    WOFF fonts的官方MIME类型是application/font-woff,但是默认的IIS7并没有定义WOFF fonts的官方MIME类型,所以他不知道该采用以上哪一种MIME类型对WOFF font文件进行操作,因此匹配的时候就会报404错误。

    解决方法:在IIS7中定义WOFF fonts的官方MIME类型application/font-woff。

    在web.config中加入以下代码:

<system.webServer>
    <staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
    </staticContent>
  </system.webServer>

    重新生成解决方案后运行,控制台就不会再报这个错误了。

Chrome: Resource interpreted as Font but transferred with MIME type font/x-woff

原文:http://www.cnblogs.com/xfq-sean/p/5063063.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!