Google Fonts not working in Internet Explorer (IE) 11

css internet-explorer webfonts google-webfonts internet-explorer-11
Ian picture Ian · Oct 24, 2013 · Viewed 19.1k times · Source

Currently putting together a site using Google Fonts. Everything works in IE6 through 10, Firefox, Chrome, and on mobile browsers. However on IE 11 no fonts load and everything is displayed using fallback fonts (sans-serif etc).

This same issue seems to have been discussed on the following two pages but with no resolution:
Google Code
MSDN Forums

I have not been able to find a solution either and am wondering if anyone here has a workaround in place.

Answer

Ruskin picture Ruskin · Jan 22, 2014

Using the Web Font Loader javascript instead of the default method of adding fonts works in IE11 for me. https://developers.google.com/fonts/docs/webfont_loader.

It also had the advantage of having default font text showing on slow connections until font downloads, at which point it will switch to google font. Otherwise you get no text at all for tens of seconds.

Important note: You should choose your fall-back fonts to those with similar size / kerning / leading etc to minimise screen re-draw and content jumping issues that affect UX.

Related questions

How to make Google Fonts work in IE?

I've been developing a site that uses the Google Fonts API. It's great, and supposedly has been tested in IE, but when testing in IE 8 the fonts simply don't get styled. I included the font, as Google instructs, thus: <…

Read More
Icon fonts not loading in IE11

We're using icomoon for our icon fonts, and they work fine in Chrome and Firefox, but won't display in IE11... Sometimes. It seems to work on the first page load, but not on subsequent page loads. Clearing the cache doesn't …

Read More
How does ?#iefix solve web fonts loading in IE6-IE8?

Lots of articles in the web like this : http://www.fontspring.com/blog/fixing-ie9-font-face-problems suggest to add a ?#iefixto the eot url. I was curious to know how is this going to solve the problem. Thanks.

Read More