46

埋め込みフォントには@font-faceを使用しています（ Paul Irishに感謝します）。woffフォントの誤ったMIMEタイプに関するChromeの警告を修正しようとしたところ、矛盾する提案が大量に見つかりました。

.eotフォント（IE 6-8用？）を使用して提供する必要があることに誰もが同意しているようです

AddType application/vnd.ms-fontobject .eot

.ttfフォント（古い非IEブラウザ？）の場合、私は見たことがあります

AddType application/x-font-ttf        .ttf
AddType application/octet-stream      .ttf
AddType font/truetype                 .ttf
AddType font/ttf                      .ttf

そして、.woffフォント（新しい標準？）については、私は見ました

AddType application/font-wof          .woff
AddType application/x-font-woff       .woff
AddType application/x-woff            .woff

woffの正しいMIMEタイプはapplication/font-woffであることを理解していますが、標準が公式になるまで、application/x-font-woffはChromeによって理解されます。

私は質問に半分答えたことに気づきましたが、質問は本当にです：フォントにどのMIMEタイプを使用すべきかについての信頼できるガイダンスやさらなるアドバイスはありますか？

更新（他の人の助けになる場合）：信頼できるものは何もないように思われるので、.htaccessで次のフォントMIMEタイプを使用することにしました（少なくともChromeを満足させます）：

AddType application/vnd.ms-fontobject .eot
AddType application/x-font-ttf        .ttf
AddType application/x-font-woff       .woff
4

6 に答える 6

77

この質問は古いものだと思いますが、フォントMIMEタイプを.htaccessに追加するための簡単なコピー/貼り付けを探している人は次のようになります。

<IfModule mod_mime.c>
    AddType application/vnd.ms-fontobject    .eot
    AddType application/x-font-opentype      .otf
    AddType image/svg+xml                    .svg
    AddType application/x-font-ttf           .ttf
    AddType application/font-woff            .woff
    AddType application/font-woff2           .woff2
</IfModule>
于 2013-08-24T00:20:05.073 に答える
7

IANA公式リストについて調査しました。これは、2013年5月現在のプレイの現在の状態のようです。

これらの3つは公式であり、IANAによって割り当てられています。

  • svg as "image / svg + xml"
  • 「application/font-woff」としてのwoff
  • eot as "application / vnd.ms-fontobject"

これらは公式/割り当てられていないため、「x-」構文を使用する必要があります。

  • 「application/x-font-ttf」としてのttf
  • otf as "application / x-font-opentype"

'font'タイプは存在しないようです。したがって、'font/xxx'と表示されるタイプは偽物です。おそらく「x-font/xxx」は許容されるでしょうが、確かではありません。IIS8には、このようないくつかのエントリが付属しています。MSがこれらの「font/xxx」のものが互換性のために必要であると考えるかどうか、または単にRFCを読み取らないかどうかはわかりません:-)

application / font-woffは新しく、おそらく2013年1月以降は公式にしか見えません。したがって、短期的には「application/x-font-woff」の方が安全で互換性が高い可能性があります。

于 2013-05-09T06:22:07.753 に答える
4

通常、MIMEタイプはRFCから取得されます。IANAサイトに完全なリストがありますが、フォント拡張機能について言及しているものはありません。さらに、WOFF形式を説明するドキュメントはドラフトであり、使用するmimeタイプを参照していません。この主題に関する信頼できる参照は今のところ存在しないようです。

アップデート

W3Cは推奨事項としてWOFFをリリースし、付録BでMIMEタイプをとして定義しましたapplication/font-woff。あなたが今言及したIANAサイトにも追加されています。-GKFX

于 2011-10-28T09:36:15.067 に答える
3

2013年3月以降、 IANAは.otfおよび拡張機能.ttfにMIMEタイプのapplication/font-sfntを提供したことを言及する価値があると思います。

公式のMIMEタイプの完全で最新のリストについては、フォントの適切なMIMEタイプに関する私の回答を参照してください。

于 2013-12-21T20:39:14.640 に答える
2

2019年には、次のものを使用できます。

AddType font/otf .otf
AddType font/ttf .ttf
AddType font/woff .woff
AddType font/woff2 .woff2
AddType application/vnd.ms-fontobject .eot
于 2019-12-12T12:42:20.120 に答える
0

すべてのフォントタイプをApacheにキャッシュする例を次に示します（Google Page Speedでテスト済み）。

AddType application/font-sfnt            otf ttf
AddType application/font-woff            woff
AddType application/font-woff2           woff2
AddType application/vnd.ms-fontobject    eot


ExpiresByType application/font-woff "access plus 1 month" 
ExpiresByType application/font-woff2 "access plus 1 month"
ExpiresByType application/font-sfnt "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"
于 2021-04-08T12:27:32.903 に答える