web-dev-qa-db-ja.com

「NetworkError:404 Not Found fontawesome-webfont.woff?v = 4.0.3

アプリケーションページを読み込むたびにこのエラーメッセージが表示されます。 Apacheを使用しています。以下は私のCSSコードです。

url( '../ fonts/fontawesome-webfont.woff?v = 4.0.3')format( 'woff')

Firefoxがスローする

「NetworkError:404 Not Found url .../fonts/fontawesome-webfont.woff?v = 4.0.3

While chromeと言う

GET url .../fonts/fontawesome-webfont.woff?v = 4.0.3 404(見つかりません)

誰もこの問題を修正する方法を教えてもらえますか?前もって感謝します。

29
Zeshan

これは私のために働いた:web.configに次の行を追加します

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

デフォルトではApacheはデフォルトのMIMEタイプとして.woffで設定されていないため、これらの行を追加する必要があります。 Apache default MIME-type これはIISにも当てはまります。SebDugganがここで説明しているように: IIS default MIME 、デフォルトでは.woffファイルサーバーによって提供されません。

78
HowieH

IIS Webサーバーでmime-typesを更新しました。これで問題が解決します。

Extention > .ttf    MimeType > application/x-font-ttf
Extention > .woff   MimeType > application/x-font-woff
Extention > .woff2  MimeType > application/x-font-woff2

Web.configで何も変更する必要はありません。

13
Mahib

また、アプリケーション.netのweb.configのハンドラーの下にファイルタイプを追加することで解決します。angularなど、IISでweb.configを設定できます

     <handlers>
     <add name="fonts" path="*.woff" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
     <add name="fonts2" path="*.woff2" verb="*" preCondition="integratedMode" type="System.Web.StaticFileHandler" />
     </handlers>
6
Xvegas

Webサーバー設定にアクセスできない場合は、ファイルの名前を変更して、svgで終わるようにすることもできます(ただし、形式は保持します)。 ChromeおよびFirefoxで問題なく動作します。

1
Phil McCarty

受け入れられた答えが私にとってうまくいかなかった理由はわかりませんが、次の設定をコピーして機能させました:

<system.webServer>
<staticContent>
  <clientCache cacheControlCustom="public" cacheControlMode="UseMaxAge" cacheControlMaxAge="365.00:00:00"/>
  <remove fileExtension=".woff" />
  <remove fileExtension=".woff2" />
  <mimeMap fileExtension=".woff" mimeType="application/x-font-woff" />
  <mimeMap fileExtension=".woff2" mimeType="application/font-woff2" />
</staticContent>
</system.webServer>
1
Usman Khalid

URLの前に「src:」を追加します。例:-

@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');    
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype');    
  src: url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');    
  src: url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff');    
  src: url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype');    
  src: url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');    
  font-weight: normal;    
  font-style: normal;
}
1
Subhan Raza

IIS 6を使用すると、MIMEをIISに追加することで問題を解決できます。

enter image description here

0
mjhdesigner

上記の解決策のいずれも機能しない場合、この解決策は、App_StartフォルダーのBundleConfig.csファイルのBundleTable.EnableOptimizationsにfalseを設定するstackoverflowページの1つです。

BundleTable.EnableOptimizations = false;

ただし、ブラウザからのhttp要求の数を減らすバンドルの利点は失われます。

0
Kagan Agun