Bootstrap woff2 font not getting loaded correctly

javascript asp.net-mvc css twitter-bootstrap-3 woff2
V.J. picture V.J. · Apr 24, 2015 · Viewed 18.1k times · Source

Bootstrap font not loading correctly glyphicons-halflings-regular.woff2.

It shows the error in my Chrome-console.

Any solution to get it loaded properly, so that it doesn't show the error in the console?

Answer

hina10531 picture hina10531 · Apr 24, 2015

Since you put a asp.net-mvc tag on your post, I'm giving you IIS configuration solution for you.

Chrome doesn't consume woff and throws 404 error when your web server isn't configured with MIME type 'woff' or 'woff2'.

You need to add IIS a MIME-TYPE for woff2. You can configure it in web.xml.

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

And you can also do this through IIS manager.

  1. open IIS manager
  2. Features View -> MIME Types
  3. Actions -> Add
  4. You will see add MIME Type box and put woff2 extension in the file extension ".woff2"
  5. and MIME type as "application/font-woff2" as well.

IIS manager workthrough via images.

enter image description here enter image description here enter image description here

Related questions

Relative Paths in Javascript in an external file

So I'm running this javascript, and everything works fine, except the paths to the background image. It works on my local ASP.NET Dev environment, but it does NOT work when deployed to a server in a virtual directory. This …

Read More
Concatenate and minify JavaScript on the fly OR at build time - ASP.NET MVC

As an extension to this question here Linking JavaScript Libraries in User Controls I was after some examples of how people are concatenating and minifying JavaScript on the fly OR at build time. I would also like to see how …

Read More
Use Bootstrap-select with MVC Dropdown List

I am attempting to use Bootstrap-Select in a Web Application I am developing in MVC to style a dropdown list for like a bootstrap dropdown as the rest of my Application is using bootstrap. I have a Car Manufacturers dropdown …

Read More