Google Fonts not working in Internet Explorer (IE) 11

两盒软妹~` 提交于 2019-11-30 09:05:23

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.

I had the similar problem. Fonts from css didn't load in IE11 only when i pressed refresh or forward/back buttons. I've managed to solve this problem adding an empty 'style' tag to head on document load. (ex.: $('head').append('<style></style>')) Hope this will help to somebody with the same problem.

Even i had the same problem in IE11, but using the 'woff' format solved it for me.

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!