34

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?

James A Mohler
  • 11,060
  • 15
  • 46
  • 72
V.J.
  • 918
  • 3
  • 18
  • 37

3 Answers3

63

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

hina10531
  • 3,938
  • 4
  • 40
  • 59
1

The same problem was resolved by adding for IIS the tags in Web.config in, under the Views folder.

bondus
  • 119
  • 7
0

A small hack 1) search glyphicons-halflings-regular.woff 2) Copy glyphicons-halflings-regular.woff as glyphicons-halflings-regular.woff2 3) Put this is required folder. It worked in my case.

sumit sharma
  • 698
  • 5
  • 16