蒙特塞拉特字体不显示在IE 10和11上 [英] Montserrat font isn't displayed on IE 10 and 11

问题描述

在这个网站 http://themescreators.com/ela/ 我使用了一些谷歌字体。所有这些在Chrome，FF上都能正常工作。但是在Windows 7上的IE 10和11上，蒙特塞拉特字体不显示。我真的不知道可能是什么问题，IE浏览器与一些谷歌字体不兼容？

如果您在Windows 7上访问该网站，您将看到清楚的问题，所有蒙特塞拉特h1，h2 ...都不可见。

预先感谢！

解决方案

首先，如果蒙特塞拉特装载不正确，您还没有定义任何可以显示的辅助字体。

  h1，h2，h3，h4，h5，h6 {
字体 - 家庭：蒙特塞拉特; 
 font-weight：400; 
 font-style：normal; 
颜色：＃1C2334; 
 
 $ / code> 

我建议您正确设置font-family并为此添加更多字体第二，蒙特塞拉特没有正确加载，因为这是IE11的错误，已经在 Google字体目录以及 MSDN Forum 。不幸的是它还没有被修复。



一个解决方案可以下载Google Web Fonts，把它们上传到你的网站上，并手动在css文件中定义它们。另一种方法可能是使用JavaScript Web字体加载器而不是默认的。

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!

解决方案

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.

这篇关于蒙特塞拉特字体不显示在IE 10和11上的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！