WOFFフォントのMIMEタイプ？

WOFFフォントはどのMIMEタイプとして提供されますか？

font/truetypetruetype （ttf）フォントとopentype（otf）をとして提供してfont/opentypeいますが、WOFFフォントの正しい形式が見つかりません。

私が試してみましたfont/woff、font/webopenとfont/webopentype、しかし、Chromeはまだ文句を言います：

「リソースはフォントとして解釈されますが、MIMEタイプapplication / octet-streamで転送されました。」

誰か知ってる？

2017年6月22日のKeith Shawのコメントの更新：

2017年2月現在、RFC8081が提案された標準です。フォントの最上位のメディアタイプを定義するため、WOFFおよびWOFF2の標準のメディアタイプは次のとおりです。

font/woff

font/woff2

2011年1月には発表された、その間にクロムが認識するであろう

application/x-font-woff

WOFFのMIMEタイプとして。この変更は現在Chromeベータ版であることはわかっています。まだ安定していない場合でも、それほど遠くないはずです。

私にとって、次は.htaccessファイルで作業するようになりました。

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
AddType font/woff2 .woff2   

になりますapplication/font-woff。

http://www.w3.org/TR/WOFF/#appendix-b（W3C Candidate Recommendation 04 August 2011）を参照してください

およびhttp://www.w3.org/2002/06/registering-mediatype.html

Mozilla css font-face notesから

Geckoでは、HTTPアクセス制御を使用してこの制限を緩和しない限り、Webフォントは同じドメイン制限を受けます（フォントファイルはそれらを使用するページと同じドメインにある必要があります）。注：TrueType、OpenType、およびWOFFフォントには定義されたMIMEタイプがないため、指定されたファイルのMIMEタイプは考慮されません。

ソース：https : //developer.mozilla.org/en/CSS/@font-face#Notes

フォントのMIMEタイプを.NET / IISに追加するためのリファレンス

web.config経由

<system.webServer>
  <staticContent>
     <!-- remove first in case they are defined in IIS already, which would cause a runtime error -->
     <remove fileExtension=".woff" />
     <remove fileExtension=".woff2" />
     <mimeMap fileExtension=".woff" mimeType="font/woff" />
     <mimeMap fileExtension=".woff2" mimeType="font/woff2" />
  </staticContent>
</system.webServer>

IISマネージャー経由

NGINXソリューション

ファイル

/etc/nginx/mime.types

または

/usr/local/nginx/conf/mime.types

追加

font/ttf                      ttf;
font/opentype                 otf;
font/woff                     woff;
font/woff2                    woff2;
application/vnd.ms-fontobject eot;

削除する

application/octet-stream        eot;

参考文献

RFC @ 02.2017

https://tools.ietf.org/html/rfc8081#page-15

https://www.iana.org/assignments/media-types/media-types.xhtml

マイク・フルチャーのおかげで

http://drawingablank.me/blog/font-mime-types-in-nginx.html

2017年2月現在、RFC8081が提案された標準です。フォントの最上位のメディアタイプを定義するため、WOFFおよびWOFF2の標準のメディアタイプは次のとおりです。

font/woff
font/woff2

注：この回答は現時点では正解でしたが、RFC 8081がリリースされた2017年には古くなりました

fontMIMEタイプはありません！したがって、font/xxx常に間違っています。

私にとってそれをしたのは、これを私のmime_types.rb初期化子に追加することでした：

Rack::Mime::MIME_TYPES['.woff'] = 'font/woff'

そして、キャッシュを一掃

rake tmp:cache:clear

サーバーを再起動する前。

ソース：https : //github.com/sstephenson/sprockets/issues/366#issuecomment-9085509

以下を.htaccessに追加します

AddType font/woff woff

幸運を

@ニコ、

現在、woffフォントのMIMEタイプに定義された標準はありません。私はフォント配信cdnサービスを使用し、それはfont / woffを使用しており、Chromeで同じ警告が表示されます。

参照：インターネット割り当て番号局

https://developer.mozilla.org/en-US/docs/Web/HTTP/Basics_of_HTTP/MIME_types/Complete_list_of_MIME_types

これは、mimetypeの役立つリストです

私はこの投稿が少し古いことを知っていますが、nginxローカルマシンでフォントを機能させるために何時間も費やし、大量のソリューションを試した後、ついに私にとって魅力的なものを手に入れました。

location ~* \.(eot|otf|ttf|woff|woff2)$ {
    add_header Access-Control-Allow-Origin *;
}

括弧内には、フォントの拡張子、または一般的にロードするファイルを置くことができます。たとえば、フォントや画像（png、jpgなど）にも使用したので、このソリューションがフォントにのみ適用されることを混同しないでください。

それをあなたのnginx設定ファイルに入れて、再起動してください、それがあなたにもうまくいくことを願っています！

多分これは誰かを助けるでしょう。IIS 7 .ttfでは既に既知のMIMEタイプであることがわかりました。次のように構成されています。

application/octet-stream

私はちょうど追加したことを、すべてのCSSのフォントの種類について（だから.oet、.svg、.ttf、.woff）とIISは、それらを提供開始しました。Chrome開発ツールは、タイプの再解釈についても文句を言わない。

乾杯、マイケル

すべてのソリューションのindex.phpで、許可されているフォームのurlとwoffファイルを削除します。以下のコードを.htaccessファイルに書き込んで、application / config / config.phpファイルをこのように変更します。$ config ['index_page'] = '';

Linuxホスティングサーバーのみ。 .htaccessファイルの詳細

AddType font/ttf .ttf
AddType font/eot .eot
AddType font/otf .otf
AddType font/woff .woff
<IfModule mod_rewrite.c>
    RewriteEngine On
    RewriteBase /

    #Removes access to the system folder by users.
    #Additionally this will allow you to create a System.php controller,
    #previously this would not have been possible.
    #'system' can be replaced if you have renamed your system folder.
    RewriteCond %{REQUEST_URI} ^system.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #When your application folder isn't in the system folder
    #This snippet prevents user access to the application folder
    #Submitted by: Fabdrol
    #Rename 'application' to your applications folder name.
    RewriteCond %{REQUEST_URI} ^application.*
    RewriteRule ^(.*)$ /index.php?/$1 [L]

    #Checks to see if the user is attempting to access a valid file,
    #such as an image or css document, if this isn't true it sends the
    #request to index.php
    RewriteCond %{REQUEST_FILENAME} !-f
    RewriteCond %{REQUEST_FILENAME} !-d
    RewriteRule ^(.*)$ index.php?/$1 [L]
</IfModule>

<IfModule !mod_rewrite.c>
    # If we don't have mod_rewrite installed, all 404's
    # can be sent to index.php, and everything works as normal.
    # Submitted by: ElliotHaughin

    ErrorDocument 404 /index.php
</IfModule>

IISは.ttfをapplication / octet-streamとして自動的に定義しましたが、正常に動作しているようで、fontshopは.woffをapplication / octet-streamとして定義することを推奨しています

WOFF：

1. Webオープンフォント形式
2. TrueTypeまたはPostScript（CFF）のいずれかのアウトラインでコンパイルできます。
3. 現在FireFox 3.6以降でサポートされています

それを追加してみてください：

AddType application/vnd.ms-fontobject .eot
AddType application/octet-stream .otf .ttf

私は同じ問題を抱えていました、フォント/ opentypeは私のために働きました

MIMEタイプが唯一の問題ではない可能性があります。フォントファイルがS3または他のドメインでホストされている場合、Firefoxが異なるドメインからフォントをロードしないという問題がさらに発生する可能性があります。これはApacheを使用した簡単な修正ですが、Nginxでは、フォントファイルをbase-64でエンコードして、フォントcssファイルに直接埋め込む必要がある場合があることを確認しました。