CODEWITHSUNDEEP
font-facefont-awesome
Zeshan
Zeshan

Reputation: 2657

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

I'm getting this error message whenever I load my application page. I'm using Apache. Following is my css code.

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

Firefox throws

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

While chrome says

GET url.../fonts/fontawesome-webfont.woff?v=4.0.3 404 (Not Found)

Can anyone tell me how to fix this problem? Thanks in advance.

Upvotes: 40

Views: 84684

Answers (8)

Mahib
Mahib

Reputation: 4063

I've updated mime-types in my IIS web server and that resolves my problem.

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

I don't need to change anything in web.config. However, IIS will eventually updates web.config.

Upvotes: 17

Usman Khalid
Usman Khalid

Reputation: 3110

I don't know why the accepted answer did not work for me, But I copied the following configuration to make it work : 

<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>

Upvotes: 3

Kagan Agun
Kagan Agun

Reputation: 589

If none of the solutions above works for you try this solution specified is one of the stackoverflow pages that to set false to BundleTable.EnableOptimizations in BundleConfig.cs file in the App_Start folder.

BundleTable.EnableOptimizations = false;

However, you will lose the benefits of the bundling which reduces the number of http request from your browser.

Upvotes: 0

mjhdesigner
mjhdesigner

Reputation: 21

If you use IIS 6, you can solve your problem by adding Mime to IIS:

enter image description here

Upvotes: 2

Subhan Raza
Subhan Raza

Reputation: 67

Add "src:" before url, example:-

@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;
}

Upvotes: 6

Cesar Vega
Cesar Vega

Reputation: 455

I solve it also using adding the file type under handlers on your web.config for any application .net, angular etc you can set a web.config on IIS

     <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>

Upvotes: 7

Phil McCarty
Phil McCarty

Reputation: 486

If you dont have access to your webserver config, you can also just RENAME the file so that it ends in svg (but retain the format). Works fine for me in Chrome and Firefox.

Upvotes: 1

HowieH
HowieH

Reputation: 2612

This worked for me: Add the following lines to your web.config

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

You have to add these lines because by default Apache is not configured with .woff as a default MIME-type. Apache default MIME-type This holds for IIS as well. As Seb Duggan explains here:IIS default MIME, by default .woff files will not be served by the server.

Upvotes: 86

Related Questions