web-dev-qa-db-ja.com

ASP.Net MVC 5のglyphicons-halflings-regular.woff2 Err_Aborted問題を解決する方法

そこで、BootStrapのテーマを変更したいプロジェクトがあります。そこで、テーマを BootSwatch から取得し、テーマは Lumen を選択しています。 Bundle.Configファイルで、以下の変更を加えました。

  bundles.Add(new StyleBundle("~/Content/css").Include(
                      //"~/Content/bootstrap.css",
                      "~/Content/bootstrap-Lumen.css",
                      "~/Content/superslides.css",
                      "~/Content/site.css"));
        }

Lumenテーマの使用を開始するとすぐに、次のようなエラーが（devツールで）表示されます。 enter image description here

追伸：これは、通常のBootStrapテーマを使用すると発生しません。 SO Answer を調べました。しかし、IISの変更とすべてを作成することについて話しています。しかし、Lumenテーマを使用すると、私の問題のみが発生します。この問題を取り除く方法は？

enter image description here

htmlcssasp.net-mvctwitter-bootstrapbootswatch
15
Unbreakable

不足しているファイルを here からダウンロードし、プロジェクトのfontsフォルダーに追加しました。

次に、プロジェクトの<system.webServer>ファイルのweb.configセクション内に次の行を追加しました。

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

あなたの場合、ダウンロード glyphicons-halflings-regular.woff2 ファイル。

47
Reyan Chougle

Reyan Chougleの回答の代替として、これはIISで修正することもできます。

  1. IISを開き、サイトをクリックします。

Step 1

  1. 中央のセクションのグループ化[〜＃〜] iis [〜＃〜]、ダブルクリックMIMEタイプ

Step 2

  1. 編集または追加woffおよび/またはwoff2拡張：
    • .woff-> application/x-font-woff
    • .woff2-> application/font-woff2

Step 4

注：IIS 8.5 Chrome Webブラウザーでテスト

14
TylerBUrquhart

私は同じ問題に直面していました。

最初の試みでは、MIMEタイプ（font-woff2）をIISサーバーで直接追加しましたが、動作しました。ただし、deployment（CI/CD）MIMEタイプは自動的に削除されました。

2回目の試みでは、web.configにstaticContentタグを追加しましたが、これは永続的な修正のように機能しました。

1
Avinash

WordPressで同様の問題が発生しました。フォントのパスを含むディレクトリのルートにフォルダーがあり、何らかの理由でnet :: ERR_ABORTEDおよび404（Not Found）になりました。そこで私がしたことは、それらのフォントをFontAwesomeなどの他のフォントが定義されているwp-content/pluginsに移動することでした。

0
Jaider