IISでwebフォントのファイルが404エラーになる場合の対策

経緯

正常に動作しているのに、何故かwebフォントファイルが404エラーになっている。

因みにローカル環境では起きてない。

原因

IISが「woff」と「woff2」のMIMEタイプを認識できないため、404エラーになる

対策

Web.configの中に以下の記述を追加し、「woff」と「woff2」のMIMEタイプを認識できるようにする。

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

参考

stackoverflow.com