web-dev-qa-db-ja.com

Google Chromeは警告リソースをフォントとして解釈しますが、MIMEタイプapplication / octet-streamで転送されます：

私はこの警告を受け続けます

フォントとして解釈されるが、MIMEタイプapplication/octet-stream： "http://127.0.0.1:8080/assets/font/fontawesome-webfont.woff"で転送されるリソース。

Play 2.0.4ウェブサーバーを使用しています。次のように、application.confファイルにmime-typesを追加しました

mimetype.eot = application/vnd.ms-fontobject
mimetype.otf = application/octet-stream
mimetype.ttf=application/x-font-ttf
mimetype.woff = application/x-font-woff

私が間違っている可能性のあるアイデア。

google-chromeplayframework-2.0
17
rOrlig

実際、私は答えを見つけました：

Google Chromeなどの一部のブラウザーでは、フォントに予期しないMIMEタイプを設定するWebサーバーからフォントがダウンロードされると、この警告が表示されます。

多くのフォントタイプについて、解決策があります。

フォントファイル拡張子ごとに次のMIMEタイプを使用して、Webサーバーの構成を更新します。

.ttf — font/truetype 
.otf — font/opentype 
.eot — application/vnd.ms-fontobject 
.woff — application/x-font-woff

Apache設定を使用している場合は、フォントタイプごとにAddTypeディレクティブを含めることができます。

AddType application/vnd.ms-fontobject eot
AddTypeフォント/ truetype ttf
AddType application/x-font-woff woff
AddTypeフォント/ opentype otf

一般的なapplication/octet-stream MIMEタイプではなく、特定のMIMEタイプをフォントごとに構成すると、Webブラウザーコンソールに警告が表示されなくなります。

この構成には、コンソールのクリーンアップには効果的ですが、OTF、TTF、WOFFなどのフォントの技術的に正しいMIMEタイプは含まれていません。これらのフォントタイプについては、公式のMIMEタイプは（まだ）承認されていません。 WOFFの公式タイプ— application/font-woff —がリクエストされました。AddTypefont/opentype otf

http://www.jbarker.com/blog/2011/resource-interpreted-font-transferred-mime-type

31
Abram

私のIISインスタンスの場合、以下を使用する必要がありました：

.woff — application/font-woff（application/x-font-woffではない）

見る：

4
Eric

Rackベースのアプリを使用している場合は、Rack::Mime::MIME_TYPESハッシュでconfig.ru：

# Additional mime types
Rack::Mime::MIME_TYPES.merge!({
  ".eot" => "application/vnd.ms-fontobject",
  ".ttf" => "font/ttf",
  ".otf" => "font/otf",
  ".woff" => "application/x-font-woff"
})
2
Christophe Marois