资源解释为Font，但使用MIMEtypesapplication / x-font-woff传输

我遵循qooxdoo文档中的Web Fonts教程向Web.js中添加Web字体，但是我注意到Chrome的开发者控制台中有一个警告：

我的代码如下：

/* ************************************************************************ #asset(myApp/fonts/*) ************************************************************************ */ qx.Theme.define("myApp.theme.Font", { extend : qx.theme.simple.Font, fonts : { "silkscreen" : { size: 8, lineHeight: 1, family: [ "silkscreen", "Tahoma" ], sources: [ { family: "Silkscreen", source: [ "myApp/fonts/slkscr-webfont.eot", "myApp/fonts/slkscr-webfont.ttf", "myApp/fonts/slkscr-webfont.woff", "myApp/fonts/slkscr-webfont.svg#silkscreen" ] } ] } } }); 

如何解决浏览器警告？

Answer 1

根据W3C规范 ，正确的MIMEtypes是application/font-woff ，所以您需要configuration您的Web服务器以在使用.woff文件时使用它。

Answer 2

如果您正在使用IISnetworking服务器，请尝试以下操作：

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