Search code examples
internet-explorerfontsgoogle-font-api

Montserrat font isn't displayed on IE 10 and 11

In this website http://themescreators.com/ela/ I am using some google fonts. All of them work well on Chrome, FF.. but on IE 10 and 11 on Windows 7, "Montserrat" font doesn't display. I have really not idea about what can be the issue, is IE incompatible with some google fonts?

If you visit the site on windows 7 you will see clearly the issue, all "Montserrat" h1, h2... aren't visible.

Thanks in advance!

Solution

  • First of all, you don't have defined any secondary font which can be displayed if the Montserrat isn't load properly. That's the reason why no font is displayd.

    h1, h2, h3, h4, h5, h6 {
   font-family: Montserrat;
   font-weight: 400;
   font-style: normal;
   color: #1C2334;
}

    I recommend you to set up font-family properly and add more fonts for this cases.

    Secondly, Montserrat isn't load properly because this is bug of IE11 which has been reported on Google Font Directory as well as on the MSDN Forum. Unfortunately it hasn't been fixed yet.

    One solution can be download Google Web Fonts, upload them whith your website and define them in the css files manually. Another way may be usage of JavaScript Web Font Loader instead of the default one.