不能正常工作(在IE8中应用字体类)
不能正常工作(在IE8中应用字体类)
提问于 2014-03-22 17:26:32
我24小时都玩得很开心。自从昨天问了这个问题：http://tinyurl.com/nkoqxfg之后，我一直试图隔离这个问题，最后我把它缩小到以下几个方面：
现代派不正确地将一类字体应用于IE8.中的HTML元素。
这是我的网站，其他内容都被删除了：http://tinyurl.com/ose6pj8
请看一下源代码。注意最后两个CSS规则：
nav li a {
color: #FFF;
font-size: 4px;
}
.fontface nav li a {
font-family: 'Qwigley';
font-size: 30px;
line-height: 56px;
}在任何支持@字体的现代浏览器中，您都应该看到使用Google字体'Qwigly‘脚本设计的菜单，以及正确的字体大小为30 of。在IE8和任何不支持@字体的浏览器中，你都会看到一个4px的小字体大小。(在本例中，现代派应将无字体类应用于HTML元素)
然而，情况并非如此。Mordernizr不正确地应用了fontface类，因此我得到了巨大的30 getting文本。刚刚检查过了，IE7也出现了同样的问题。
为什么？
回答 1
Stack Overflow用户
回答已采纳
发布于 2014-03-22 18:55:17
在IE8和任何不支持@字体的浏览器中，你都会看到一个4px的小字体大小。(在本例中，现代派应将无字体类应用于HTML元素)
IE8确实支持@font-face --因此，期望现代主义者不设置该类就是你在这里出错的地方。
请注意，IE <9只支持EOT格式的字体--所以请确保将该版本嵌入到字体嵌入中；
或者使用CSS选择器，该选择器仅在您通过条件注释为lt-ie9元素设置的html类不存在时应用自定义字体，如下所示
html:not(.lt-ie9) .fontface nav li a { /* … */ }(无论如何，IE只支持来自:not()的v9选择器。)
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/22581031
复制相关文章
相似问题
腾讯云开发者
