web-dev-qa-db-ja.com

Bootstrap woff2フォントが正しくロードされない

ブートストラップフォントが正しく読み込まれないglyphicons-halflings-regular.woff2。

Chromeコンソールにエラーが表示されます。

コンソールにエラーが表示されないように、適切にロードするためのソリューションはありますか？

javascriptasp.net-mvccss3twitter-bootstrap-3woff2
33
V.J.

投稿にasp.net-mvcタグを付けたので、IIS構成ソリューションを提供します。

WebサーバーがMIMEタイプ「woff」または「woff2」で構成されていない場合、Chromeはwoffを消費せず、404エラーをスローします。

IIS woff2のMIME-TYPEを追加する必要があります。web.xmlで設定できます。

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

そして、IIS manager。

  1. open IIS manager
  2. 機能ビュー-> MIMEタイプ
  3. アクション->追加
  4. [MIMEタイプ]ボックスを追加し、ファイル拡張子 ".woff2"にwoff2拡張子を追加します。
  5. mIMEタイプも「application/font-woff2」です。

画像を介したIISマネージャーのワークスルー

enter image description hereenter image description hereenter image description here

63
hina10531

ビューフォルダーの下にWeb.configのタグをIIS）に追加することにより、同じ問題が解決されました。

1
bondus

小さなハック1）glyphicons-halflings-regular.woffを検索2）glyphicons-halflings-regular.woffをglyphicons-halflings-regular.woff2としてコピー3）これは必須フォルダーです。私の場合はうまくいきました。

0
sumit sharma