68

フォント フェイスについて Google で警告が表示されます。

リソースは Font として解釈されますが、MIME タイプ application/octet-stream: ".../Content/Fonts/iconFont.ttf" で転送されます。

この警告があっても機能しますが、この警告は避けたいと思います。

私の申告書です：

@font-face {
  font-family: 'iconFont';
     src: url('../Fonts/iconFont.eot?#iefix') format('embedded-opentype'), 
     url('../Fonts/iconFont.svg#iconFont') format('image/svg+xml'), 
     url('../Fonts/iconFont.woff') format('font/x-woff'), 
     url('../Fonts/iconFont.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

私はすでに他の投稿を検索していますが、今のところ運がありません。

私のサーバーは Microsoft の IIS であることに注意してください。

どうすればこの警告を回避できますか?

ありがとう。

4

7 に答える 7

87

次のタイプを.htaccess/IISに追加する必要があります。

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

.woffタイプを以下から更新しました：

AddType application/x-font-woff .woff

（これを指摘してくれた以下のコメントの@renadeenに感謝します。）

ここで同様の質問に対する私の答えをチェックしてください：フォントフェイスがロードされていません

ここから引用：chromeのフォント面の問題。

于 2013-03-20T11:27:47.703 に答える
46

上記の回答 @97ldave に感謝します。IIS セットアップの MIME タイプに直接追加したくない場合は、これらのタイプを IIS webServer 構成セクションに追加できます。以下は、構成に欠落していた .woff タイプのみを追加する例を示しています。これにより、iMac の最新バージョンの Safari (6.0.3) でフォントが表示されない問題が修正されました。

<system.webServer>
<staticContent>
  <remove fileExtension=".woff" />
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
</staticContent>
</system.webServer>

これを見つけてくれた Jon Samwell (私の同僚) に感謝します。

于 2013-04-11T08:16:24.463 に答える
26

Nginx の場合: (パス: /etc/nginx/mime.types)

font/ttf                         ttf;
font/otf                         otf;
application/x-font-woff          woff;

application/vnd.ms-fontobject eot; すでにあるので必要ありません。

その後、Nginx を再起動します。service nginx restart

終わり。

于 2013-05-09T19:33:33.670 に答える
1

@the-senator と @97ldave の回答に感謝します

私にとっては、これらの行を web.config に追加した直後にエラーが完全に消えます

<system.webServer>
<staticContent>
      <remove fileExtension=".woff" />
      <mimeMap fileExtension=".woff" mimeType="application/x-font" />
      <remove fileExtension=".woff2" />
      <mimeMap fileExtension=".woff2" mimeType="application/x-font" />
    </staticContent>
</system.webServer>
于 2015-04-05T19:48:53.610 に答える