"woff"、 "woff2"はlocalhostでは動作しますが、Webサーバーではなくコンソールエラーが発生します

Question

私はfont-awesomeを使い、ASP.NET MVCの "woff"、 "woff2"環境。彼らは非常にlocalhostで動作しています。

しかし、デプロイメント環境になると、ほとんどの場合、実際のフォントファミリスタイルはlocalhostとして取得できません。

この問題を回避するにはどうすればよいですか？

Answer 1

ちょうどあなたがそうするようにweb.configファイルを使用して、展開サーバー上のフォントのMIMEタイプを登録する必要があります

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

Answer 2

web.configファイルにこのコードを追加したフォントファイルの拡張子を定義します。

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

注：タイプが登録されているとエラーが発生するため、削除タグを追加するだけです。 また、MVCを使用している場合は、リソースのバンドルを確認してください。リリースアプリケーションにはリソースのパスが混乱しているためです。