アセットのプリコンパイルを行い、アプリケーションを本番モードで実行しています。コンパイル後、自分のインデックスページを読み込むと、クロームのコンソールに以下のような警告が表示されます。
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.ttf?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
Failed to decode downloaded font: http://localhost:3000/fonts/ionicons.woff?v=2.0.0
prospects:1 OTS parsing error: invalid version tag
問題は、アイコンがロードされず、代わりに四角が表示されることです。
カスタムフォントを使用し、コードは以下の通りです。
@font-face {
font-family: 'icomoon';
src: font-url('icomoon.eot');
src: font-url('icomoon.eot?#iefix') format('embedded-opentype'),
font-url('icomoon.ttf') format('truetype'),
font-url('icomoon.woff') format('woff'),
font-url('icomoon.svg#icomoon') format('svg');
font-weight: normal;
font-style: normal;
}
私の方で何が足りないのかわかりません。開発モードでは問題なく動作していますが、本番モードではなぜ四角く表示されるのかがわかりません。
IISをサーバーとし、.net 4/4.5で動作している場合、Web.configでのmime/ファイル拡張子の定義が不足している可能性があります - 以下のように。
<system.webServer>
<staticContent>
<remove fileExtension=".eot" />
<mimeMap fileExtension=".eot" mimeType="application/vnd.ms-fontobject" />
<remove fileExtension=".ttf" />
<mimeMap fileExtension=".ttf" mimeType="application/octet-stream" />
<remove fileExtension=".svg" />
<mimeMap fileExtension=".svg" mimeType="image/svg+xml" />
<remove fileExtension=".woff" />
<mimeMap fileExtension=".woff" mimeType="application/font-woff" />
</staticContent>
</system.webServer>