.woff2字体的正确MIME类型

时间:2015-01-30 12:05:07

标签: fonts mime-types woff woff2

今天我将Font Awesome软件包更新为4.3.0并注意到添加了 woff2 字体。该文件在CSS中链接,因此我需要配置nginx以正确提供woff2文件。

目前我在nginx配置字体中有这个块:

location ~* \.(otf|eot|woff|ttf)$ {
    types     {font/opentype otf;}
    types     {application/vnd.ms-fontobject eot;}
    types     {font/truetype ttf;}
    types     {application/font-woff woff;}
}

woff2字体的mime类型是什么?

4 个答案:

答案 0 :(得分:413)

在IIS中,您可以通过将以下内容添加到项目的web.config来声明WOFF2字体文件的mime类型:

<system.webServer>
  <staticContent>
    <remove fileExtension=".woff2" />
    <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

<强>更新: mime类型可能会根据最新的 W3C编辑器草案WOFF2规范进行更改。请参阅Appendix A: Internet Media Type Registration部分 6.5。 WOFF 2.0 表明最新的 提议的 格式为font/woff2

答案 1 :(得分:206)

font/woff2

对于 nginx ,将以下内容添加到mime.types文件中:

font/woff2 woff2;


旧答案

WOFF2字体的mime类型(有时写成mimetype)已经提议application/font-woff2

另外,如果您参考规范(http://dev.w3.org/webfonts/WOFF2/spec/),您会看到正在讨论font/woff2。我怀疑所有字体的filal mime类型最终会更合乎逻辑font/*font/ttffont/woff2等等...

N.B。 WOFF2仍处于“工作草案”状态 - 尚未正式通过。

答案 2 :(得分:31)

的Apache

在Apache中,您可以按this link所述的woff2文件添加.htaccess mime类型。

AddType  application/font-woff2  .woff2

IIS

在IIS中,只需将以下mimeMap标记添加到web.config标记内的staticContent文件中。

<configuration>
  <system.webServer>
    <staticContent>
      <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />

答案 3 :(得分:17)

http://dev.w3.org/webfonts/WOFF2/spec/#IMT

似乎w3c将其切换为font/woff2

我看到有关于正确的mime类型的讨论。 在链接中我们读到:

  

此文档定义了顶级 MIME类型&#34;字体&#34; ...

     

......官方定义的IANA子类型,例如&#34; application / font-woff&#34; ...

     

W3C WebFonts WG的成员相信使用&#34;应用程序&#34;顶级类型并不理想。

以后

6.5. WOFF 2.0

    Type name:

        font
    Subtype name:

        woff2

因此,W3C提出的建议与IANA不同。

我们可以看到它也与woff类型不同: http://dev.w3.org/webfonts/WOFF/spec/#IMT 我们在哪里读到:

Type name:

    application
Subtype name:

    font-woff

application/font-woff

http://www.w3.org/TR/WOFF/#appendix-b

相关问题