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


279

今日、私はFont Awesomeパッケージを4.3.0 に更新し、woff2フォントが追加されていることに気付きました。そのファイルは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タイプは何ですか?


1
ここではApacheにwoff2ファイルをキャッシュする方法は次のとおりです。<IfModule mod_mime.c> AddType font/woff2 woff2<IfModule mod_expires.c> ExpiresActive On ExpiresByType font/woff2 "access plus 1 month"。(クロージングタグと改行は省略されています。)
Chloe

回答:


437

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

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

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


6
現在、IIS 10のMIMEタイプは.woff2をサポートしています。IIS 10では、web.configを変更する必要はありません。
Kevin、

7
<remove>ここでタグはどのような目的に使用されますか?IISリファレンス(iis.net/configreference)に記載されていないようです
Pathogen

18
@Pathogen mimeMapがすでに存在する場合、IISがエラーをスローすることがあります。追加する前に削除すると、エラーが修正されます。
アラン

214

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など)...

NB WOFF2はまだ「ワーキングドラフト」のステータスにあり、正式にはまだ採用されていません。


38
これは更新されました。仕様はそれを非常に明確にします。タイプはフォントで、サブタイプはwoff2で、これはfont / woff2になります。これは、Googleフォント自体が使用するものでもあります。
Raivo Laanemets 2015年

私はまだ仕様に決定的なものを見ることはできません。彼らはfont/*トップレベルのタイプを導入したいと話していますが。完全な情報のために、私はそれを私の回答に追加します。
atwright147

@ atwright147 MIMEタイプは、付録Aに覆われているが、Woff2のためには、付録Aのセクション6.5である
リチャード・

3
2016年3月更新:これは推奨候補であり、font / woff2はMIMEタイプw3.org/TR/WOFF2/#IMTです
Chris F Carroll

36

Apache

Apacheでは、このリンクに記載されているようにwoff2.htaccessファイルを介してMIMEタイプを追加できます。

AddType  application/font-woff2  .woff2

IIS

IISでは、タグ内のファイルに次のmimeMapタグを追加するだけです。web.configstaticContent

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

何についてapplication/x-font-woff2
Nerdroid

1
@Moesさん:)実際、application/x-font-woff2woff2が非常に新しいときの古いタイプです。W3C仕様は、今使用することをお勧めしますapplication/font-woff2それが広く支持されているので。後方互換性が必要な場合は、も含めてくださいx-font-woff2
Fizzix

IISで、以前に定義された拡張エントリがサーバーの他の場所で定義されている場合に備えて、それらを削除するように注意してください。これが発生すると、非常に混乱するエラーが発生します。<remove fileExtension=".woff2" />次に、上記のように定義します:)
jocull

提案され、おそらく最も受け入れられるのはfont / woff2であることに注意してください
Syakur Ra​​hman

1
WOFFファイル形式2.0のためのW3C勧告は 使用することをお勧めfont/woff2MIMEタイプとしてではなく、公式メディアタイプのIANAリストは(まだ)WOFF2が含まれていません。
Anthony Geoghegan

17

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


1
そのページに何も表示されていませんが、それを変更して、体font/woff2を冷やすことができますか?
atwright147 2015

多分私はそれを誤解しています。付録A、6.5を意味します。WOFF 2.0 '
ファンタスティック

1
これが反対票であるとは想像できません。仕様はそれを非常に明確にします。タイプはフォントで、サブタイプはwoff2で、これはfont / woff2になります。これは、Googleフォント自体が使用するものでもあります。
Raivo Laanemets 2015年

2
私は最初これに賛成しましたが、これからブログ投稿を得ることができると思いました。現状では、この投稿はWOFF2仕様に準拠していますが、これはまだ草案であり、まだレコメンデーションステータスに移行されていません。これは、font/woff2承認されるまで無効なため、技術的にはwoff2にはmimeがありませんが、仕様書ではapplication/font-woff2公式のものがないという承認を取り消しています。したがって、この時点で使用すると思いますapplication/font-woff2
rtpHarry 2015

2
@rtpHarry私は以前、この回答とあなたのコメントの両方に賛成票を投じました。2017年2月の時点で、W3CはStandards Track RFC 8081を公開しfont/woff2、公式のメディアタイプを作成しています。stackoverflow.com/a/43321601/1640661を
Anthony Geoghegan
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.