0

嘿，堆垛人！ 所以我在这个网站上遇到了几个奇怪的 IE 错误，我正在为一个朋友编写代码。

网站链接| 完整的 CSS 文件

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

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

主要导航字体样式：

.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;
}

附上截图： 在此处输入图像描述

4

3 回答 3

2

我想知道这是 Internet Explorer 的问题。

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

每个字体最多可以有 4 个字体粗细（你可以接受），但是如果你阅读了那篇文章，IE 也有其他关于字体粗细的错误。

希望它有所帮助:-)。

于 2012-09-23T18:27:58.473 回答
2

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

于 2012-09-23T20:25:19.090 回答
1

根据 Google 的技术考虑

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

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

于 2012-09-23T18:24:02.100 回答