web-dev-qa-db-ja.com

.woff2フォントの適切なMIMEタイプ

今日、 Font Awesome パッケージを4.3.0に更新し、 woff2 fontが追加されたことに気付きました。そのファイルはCSSでリンクされているので、woff2ファイルを正しく提供するようにnginxを設定する必要があります。

現在、私はフォント用の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タイプは何ですか?

265
Limon Monte

IISでは、プロジェクトのweb.configに以下を追加することにより、WOFF2フォントファイルのMIMEタイプを宣言できます。

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

Update:MIMEタイプは、最新のW3C EditorのドラフトWOFF2仕様に従って変更される可能性があります。 付録A:インターネットメディアタイプの登録 セクション6.5を参照してください。 WOFF 2.0は、最新のproposed形式がfont/woff2

421
Steven Anderson

font/woff2

nginx の場合、mime.typesファイルに次の行を追加します。

font/woff2 woff2;


古い答え

WOFF2フォントのMIMEタイプ(いつかmimetypeとして書かれています)は 提案 application/font-woff2となりました。

また、その仕様( http://dev.w3.org/webfonts/WOFF2/spec/ )を参照すると、font/woff2が議論されていることがわかります。私は、すべてのフォントのフィラメル文字タイプが、最終的により論理的なfont/*font/ttffont/woff2など)になると思います。

N.B. WOFF2はまだ '草案'の状態にあります - まだ公式に採用されていません。

206
atwright147

アパッチ

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" />
30
Fizzix

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

W3cがそれをfont/woff2に切り替えたようです

適切なMIMEタイプについていくつか議論があるようです。リンクで私たちは読みます:

この文書は トップレベル MIMEタイプ "フォント"を定義しています...

... "application/font-woff"などの公式に定義されたIANAサブタイプ...

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

17
fantastory