Font-awesome: Problem with loading font in IE9

[cyChop]

Hello,

I have just updated from Font-Awesome 3.0.2 (including FA's CSS in Bootstrap's LESS) to Font-Awesome 3.1.1 (compiling FA's LESS in Bootstrap's LESS) and I discovered icons just stopped working in IE9.

This is not restricted to my own website, as FA's documentation site will only display the unknown character instead of icons, even in FA 3.2.0.

This is a corporate IE9, so there might be settings which are eluding me, but the fact remains that FA 3.0.2 worked just fine and FA 3.1.1+ do not.

Am I missing something, or does it apply to anybody else?

Thanks for the great work anyway.

C.

[cyChop]

(edited: this is actually an IE9, not IE8; just noticed this applies to github too, so it might be a problem with my own IE9)

[cyChop]

Just an update: I used IE9's debugging tool to monitor network, and just as I suspected, no font is loaded. I found on the internet some posts warning that IE8 uses the EOT and IE9 the WOFF, but both are declared correctly.

I cannot dive further into this right now but will try to help sorting it out if I can.

[localpcguy]

Seeing a similar issue, was there ever a resolution for this? Noticed that the FontAwesome website does not load icons in IE9 as well.

[cyChop]

No solution to my knowledge. We stuck to an older solution while waiting for the next IE upgrade.

[tagliala]

Can't confirm that fontawesome.io doesn't load icons on IE9. Please check your settings, reset them to defaults or clarify about operating system, extensions, firewalls, proxies with restrictions or something like that

[cyChop]

As previously mentioned, this is a corporate installation. I do not have access to the settings nor the firewall information. What I can see now is that some icons are loaded for FA 4, but not all, while FA 3.2.1 seem to load correctly. I suppose the settings of the browser have been changed since I opened this issue.

As far as I can remember, IE did not load the expected font file (.eof instead or .woff or _vice versa_, the details escaped me), and spat an error log instead.

Now when connecting to the documentation site, I cannot see any font file being loaded, only JS and CSS. The icons on Github still do not show, though.

Unfortunately, I am unable to produce any more information for my own case.

[localpcguy]

For those seeing this in a corporate network, check with the security team to see if EOT files are discarded at the firewall level (which may give little or no trace that the file is being discarded). One possible workaround would be to embed the EOT file as a data uri string, I have not explored this yet.

• http://blogs.technet.com/b/srd/archive/2009/07/14/ms09-029-vulnerabilities-in-the-eot-parsing-engine.aspx
• https://technet.microsoft.com/en-us/library/security/ms10-001.aspx

Bulletproof @font-face with data uris (towards the end)

• http://www.fontspring.com/blog/the-new-bulletproof-font-face-syntax

[cyChop]

I guess this has gone stale. I cannot check on that installation anymore since this has changed, so I'll just close this and let anybody encountering this again open a new issue with more information.

[tagliala]

@cyChop thanks for the heads-up