Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Font Awesome not appearing in Internet Explorer 8

We have recently developed a website with a strong reliance on Font Awesome as part of it's design. We're using the standard implementation with before:content and their supplied CSS.

For some reason Font Awesome isn't displaying in IE8. I've spent quite a few hours troubleshooting and trying various fixes, with no luck.

I have:

  • Set the mimetype of EOT to application/vnd.ms-fontobject
  • Set the mimetype of OTF, TTF to application/octet-stream
  • Executed HTML5Shiv after all CSS has been loaded.
  • Various attempts to reload the CSS or DOM on page load

Here is the website: http://www.tetakere.org.nz - the Hotlinks box is a good example of Font Awesome

Has anyone got any ideas on other approaches to getting this website to display Font Awesome?

like image 735
BaronGrivet Avatar asked Oct 01 '12 20:10

BaronGrivet


People also ask

Why is my Font Awesome not showing?

If you installed the Free Font Awesome version but try adding Pro icons to your web pages, they won't show. The solution to this is either you use the alternative free icons or upgrade to a Pro subscription/license.

How do I access Font Awesome?

Basic Icons You place Font Awesome icons by using the prefix fa and the icon's name.

Is Font Awesome no longer free?

Font Awesome Free is free, open source, and GPL friendly. You can use it for commercial projects, open source projects, or really almost whatever you want.


1 Answers

After some painful troubleshooting I finally worked it out.

The solution was to move the loading of HTML5Shiv from the <head> section to just before the </body> tag.

<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</body>
like image 52
BaronGrivet Avatar answered Oct 24 '22 10:10

BaronGrivet