Chrome: Resource interpreted as Font but transferred with MIME type fontx-woff

    最近，项目中加入了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-woffapplication/x-font-woffapplication/font-wofffont/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>

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

转载于:https://www.cnblogs.com/xfq-sean/p/5063063.html