Skip to content Skip to sidebar Skip to footer

Font Awesome 4.2.0 Not Rendering In Ie11 With Compatibility Mode Turned "on"

Font Awesome 4.2.0 renders perfectly in Chrome, Firefox, Safari, Opera, and Internet Explorer 11 (but only with Compatibility Mode turned 'Off'). With Compatibility Mode turned 'On

Solution 1:

Found the solution. <meta http-equiv="X-UA-Compatible" content="IE=edge"> needs to be placed as the FIRST tag in the <head> in order for it to work. Hope this helps anyone else who has this issue!

Solution 2:

I had this issue with IE 11 on my development machine (but not elsewhere). My Internet Options were set to not allow Font downloads. Probably won't be common, as I'm on Windows Server, but if so try this to fix it:

[Gear] >> Internet Options >> Security >> Custom Level >> Downloads >> Font Download >> Enable

Solution 3:

I have also faced same issue. In my case, below fix works :

Firefox (and, to a lesser extent, Chrome and IE) has an issue where it fails to download the font and so doesn't display any of the icons correctly.

A very easy fix has been identified in a number of locations, cdnjs/cdnjs#755 being one of them.

The fix is to add the following to the start of the font-awesome.css file (before the @font-family call):

Header set Access-Control-Allow-Origin "*"

Source : https://github.com/thingles/foreground/issues/222

Solution 4:

I faced the same Issue and I just added the following Link in the Tag and it worked.

<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

Hope this helps!

Solution 5:

In my case it was a display: table set on the element. Removing it resolved an issue.

Post a Comment for "Font Awesome 4.2.0 Not Rendering In Ie11 With Compatibility Mode Turned "on""