1. ホーム
  2. asp.net-mvc

[解決済み] glyphicons-halflings-regular.woff2 not foundに関するエラーを削除する方法

2022-01-31 01:20:01

質問

ASP.NET MVC4 Bootstrap 3 アプリケーションは、Microsoft Visual Studio Express 2013 for Web IDE から実行されています。

Chromeのコンソールに常にエラーが表示される

http://localhost:52216/admin/fonts/glyphicons-halflings-regular.woff2
Failed to load resource: the server responded with a status of 404 (Not Found)

このファイルはソリューションエクスプローラーのfontsディレクトリに存在します。Build actionは"Content"、Copy to Output directoryは"Do not copy like in other font files"と設定されています。 Bootstrap 3 は、NuGet を使用してソリューションに追加されています。 このエラーが発生しないようにするには、どのように修正すればよいですか? GlyphiconとFontAwesomeのアイコンは正常に表示されます。このエラーは、アプリケーションの起動時に必ず発生します。

解決方法は?

この問題は、IIS が woffwoff2 ファイルの MIME タイプを指定します。

解決策1.

web.configプロジェクトに以下の行を追加してください。

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

解決策2.

IISのプロジェクトページで

ステップ1: プロジェクトの IIS ホームページに移動し、以下の項目をダブルクリックします。 MIME Types ボタンをクリックします。

ステップ2: をクリックします。 Add ボタンから Actions メニューになります。

ステップ3: 画面の中央にウィンドウが表示されるので、このウィンドウに解決策1の2行を追加してください。