Override user-defined stylesheet in IE

Question

I am trying to override a user defined stylesheet in IE. Specifically, font awesome icons and glyph icons do not show in any version of IE if the user loads their own style sheet for accessibility. I have tried including the !important value where needed but this doesn't take effect. I have also added a JS function to add inline styling with the font-family and !important with no success.

In the IE inspector, I can see that the :before selector of the font awesome or glyph icon have the content attribute crossed out but there is nothing overriding that property.

Any ideas? Thanks in advance.

Answer 1

Actually, this issue was involved with IE not rendering the styles which had the !important attribute added. My issue was mainly using Font Awesome/Bootstrap's Font Glyphs with IE. I found a font from Adobe called Adobe Blank. This font is a clear font which takes up no visual space unless the user styles are overridden. Here is a link to the font.