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:
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?
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.
Basic Icons You place Font Awesome icons by using the prefix fa and the icon's name.
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.
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>
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With