How to fix 404 Not Found Error for .Woff font in ASP.NET MVC

This is just a simple fix for the error HTTP 404 Not Found for the font files e.g. woff, woff2 etc. used in ASP.NET or MVC or Azure.

Many designers now days use font awesome which has the .woff within it. So if you have used the same with your website hosted in IIS then you might facing the same issue. 

Every file that gets requested from server must have valid MIME type in the request so if there is a problem with these MIME types you face such errors.

To resolve this issue just open web.config file of your site and add the following content under configuration section.

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

If you are already having the <system.webServer> defined then just add the innner content.

Hope this simple post have been benefited to you. Thanks.