今天我更新了字体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类型是什么?


font / woff2

对于nginx,将以下内容添加到mime中。文件类型:

font / woff2 woff2;


旧的答案

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

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

注意:WOFF2仍处于“工作草案”状态——尚未正式采用。


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

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

更新: mime类型可能会根据最新的W3C编辑器WOFF2规范草案进行更改。请参见附录A: Internet媒体类型注册章节6.5。woff2.0,它指出最新的建议格式是font/woff2


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

好像w3c把它改成了font/woff2

我看到有一些关于适当的mime类型的讨论。 在链接中我们读到:

本文档定义了一个顶级MIME类型“font”… ... 官方定义的IANA子类型,如“application/font-woff”… W3C WebFonts WG的成员认为使用“应用程序”顶级类型并不理想。

后来

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


Apache

在Apache中,您可以通过此链接所述的.htaccess文件添加woff2 mime类型。

AddType  application/font-woff2  .woff2

IIS

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

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