58

我按照 qooxdoo 文档中的Web 字体教程将 Web 字体添加到 Font.js ,但我注意到 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"
                ]
            }
        ]
    }
  }
});

如何解决浏览器警告?

4

2 回答 2

97

根据W3C 规范,正确的 MIME 类型是application/font-woff,因此您需要配置 Web 服务器以在提供 .woff 文件时使用该类型。

于 2013-05-23T07:48:22.980 回答
85

如果您使用的是 IIS 网络服务器,请尝试以下操作:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff" /> 
    <mimeMap fileExtension=".woff" mimeType="application/font-woff" />
  </staticContent>
</system.webServer>
于 2013-10-09T18:54:29.250 回答