Solution: Bootstrap glyphicons-halflings-regular.woff 404 not found

I’m testing out Bootstrap 3.1.1 by redoing the design of a very old site of mine, running on Php 5.3 on a Windows 2008/IIS 7 server.

The new version of the site has been slow at loading the icons (wich are a Glyphicons web font) for buttons and when I check the Javascript console in Chrome (Ctrl+Shift+J) it shows the following error:

[code]GET /fonts/glyphicons-halflings-regular.woff 404 (Not Found)[/code]

After much testing and Googling it turns out my old IIS server does not have Mime types registered for .woff files.

So I go in to the IIS console, click MIME Types icon and add .woff as application/octet-stream – problem solved!

18 comments

  1. Thanks m8.
    Im new to IIS (Its kinda a lot of stuff not working straight out of it,) and old in apache.
    Im really glad you posted this, so big thanks.
    Hate those 404…

  2. For what it’s worth… I am hosted on GoDaddy and the solution for me was to add the following entries to the web.config file:

    (I hope it was an adequate solution… it seems to be working!)

  3. Hum… my entries did not show up. I’ll try without the brackets. If it shows up this time, you should get the drift.

    system.webServer
    staticContent
    remove fileExtension=”.woff”
    mimeMap fileExtension=”.woff” mimeType=”TYPE/SUBTYPE”
    remove fileExtension=”.woff2″
    mimeMap fileExtension=”.woff2″ mimeType=”TYPE/SUBTYPE”
    staticContent
    system.webServer

Leave a comment

Your email address will not be published. Required fields are marked *