Search code examples
internet-explorer-7mime-typesfont-awesome

Font Awesome icon not showing on IE7

Font Awesome icons are not showing on IE7. They do on IE8, IE9, FF and Chrome.

Example HTML:

<span rel="tooltip" data-placement="top" data-original-title="Click to add question to favorites">
    <i class="icon-star-empty"></i>
</span>

Files included:

<link href="/css/bootstrap.css" rel="stylesheet">
<link href="/css/font-awesome.css" rel="stylesheet">
<link href="/css/font-awesome-ie7.css">

Request to .woff:

Request: 
URL:http://example.com/font/fontawesome-webfont.woff

Response:
Accept-Ranges:bytes 
Connection:Keep-Alive 
Content-Length:41752
Content-Type:application/octet-stream 
Date:Tue, 11 Dec 2012 11:31:51 GMT 
ETag:"4095e-a318-4cf1d75fb20dd" 
Keep-Alive:timeout=5, max=98
Last-Modified:Thu, 22 Nov 2012 23:02:27 GMT Server:Apache/2.2.22 (Ubuntu)

I've configured this on Apache's /etc/apache2/mods-enabled/mime.conf (and restarted Apache):

AddType application/octet-stream .woff

Am I missing any configuration?

Solution

  • The configuration was correct after all. For some reason font-awesome-ie7.css wasn't loading correctly. After making sure that this file was loading, everything worked.