font-awesome not working in IE 11, if font download disabled from IE security options

Question

I used Font-awesome-min.css were working fine in IE 11 and chrome.

But my Client requirement is to use font-awesome even we disabled the font download from IE Internet option (Internet options -> Security -> Custome level -> Download -> Font download -> Disable).

any suggestion?

Answer 1

Base 64 encoding does not work, entirely. It works fine on Chrome, but in IE 11 with Font Downloads disabled, it does not work.

This makes sense and does not surprise me. From a security perspective, if you don't allow 3rd party fonts to render on your system, then why would an embedded font in CSS be treated any different? It is still a 3rd party font being downloaded from an untrusted source.

Many solutions:

• Don't use FA.
• Use FA as images.
• Convince the Domain admin to Enable Font Downloads.
• Install the font locally (via Group Policy) and use url: local(myFont.woff).
• If the site is internal, add it to the Trusted Sites zone and ensure Font Downloads are Enabled.

Answer 2

The hard way is to switch to png-based https://github.com/encharm/Font-Awesome-SVG-PNG or you can change the specific icons you want to use into png file and change content of that icon in .css file