IE：问题:(不正确的webfont显示

Question

嗨伙伴Stackers！ 所以我在这个网站上遇到了一些奇怪的IE浏览器，我正在编写一个朋友。

The Website Link | Full CSS file

我正在使用Google Webfont Raleway，字体大小：300,400,700,900。但是，IE将所有字体权重更改为300，并且不使用任何其他字体权重。

所有提示和反馈表示赞赏！

Main Nav字体样式：

.nav_li { 
    float:left;
    margin: 0;
    list-style-type:none; 
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    line-height: 100px;
    color: #fff;
    cursor: pointer;
    -webkit-transition: background .5s; -moz-transition: background .5s; -ms-transition: background .5s; transition: background .5s;
}

附上截图：

Answer 1

我认为知道这是Internet Explorer的一个问题。

http://help.typekit.com/customer/portal/articles/6855-using-multiple-weights-and-styles

每个字体最多可以有4个字体权重（你可以使用它），但是如果你阅读那篇文章，IE还有其他的字体重量错误。

希望它有所帮助： - ）。

Answer 2

这样的问题在IE中并不少见：一些谷歌字体，当以谷歌推荐的方式使用时（指的是谷歌服务器上的代码），由于访问限制而失败。避免这种情况的方法是下载字体（使用“下载您的收藏”链接），使用FontSquirrel处理它们，将它们上传到您的服务器（托管HTML文档的相同），并使用CSS {{1代码（由FontSquirrel给出）直接。

Answer 3

根据Google的技术注意事项

  

更一般地说，Internet Explorer的行为可能会因各种元素的位置和存在而有所不同。如果要在所有浏览器中提供一致的行为，请使用WebFont Loader。例如，您可以选择让所有浏览器都像Firefox一样。

https://developers.google.com/webfonts/docs/webfont_loader