Search code examples
windows-8.1internet-explorer-11webfonts

Webfonts not rendering on IE11 win8.1


I have a weird problem with webfonts rendering on IE11 (v11.0.9600.17631) windows 8.1 pro.

I am using both an iconmoon produced iconset and 2 typekit fonts (proxima nova and rooney) and nothing is rendered using these.

I have tried so many things but nothing seems to do the job. Tried a dozen tweaks on my css, also a number of google webfonts, generated a couple of tests through fontsquirrel. Nothing works.

It doesn't look like i am having CORS issues, on several of these tests fonts are on the same directory as the application i am building.

I managed to get it to work by disabling protected mode in Internet Options > Security, which i understand its turned on by default.

Anybody faces similar issues? This is so disappointing.


Solution

  • Your problem may be in the browsers emulation mode (Compatibility View). Force the UserAgent for IE by including this as the first metatag:

    <meta http-equiv="X-UA-Compatible" content="IE=edge">