在IE8网页我一直在使用字体面在CSS 4种自定义字体,每两个字体的去同一个家族大胆和正常体重。
我发现,IE8随机呈现非大胆大胆,有时反之亦然。 如果我坐在每次加载文本的变化,看似随机时间的页面刷新紧迫。
我甚至试过有JavaScript的设置字体的元素都被加载之后才 - 它仍然发生。
任何一个知道怎么回事?
在IE8网页我一直在使用字体面在CSS 4种自定义字体,每两个字体的去同一个家族大胆和正常体重。
我发现,IE8随机呈现非大胆大胆,有时反之亦然。 如果我坐在每次加载文本的变化,看似随机时间的页面刷新紧迫。
我甚至试过有JavaScript的设置字体的元素都被加载之后才 - 它仍然发生。
任何一个知道怎么回事?
我已经使用多个权重和风格IE8中单个字体的时候有同样的问题。 Typekit有解释IE8及以下这个bug的一篇文章: 使用多个权重和样式
根据他们:
的“Internet Explorer 6,7,和8负荷的最大的每个家庭4层的权重。另外,使用两个紧密相关的权重(例如,400和500)可能导致仅一个重量正确加载”。
使用特定的变化似乎是解决这个问题的方式。 像这样(从Myfonts.com网页字体套件片断):
@font-face {
font-family: 'AvenirNextLTPro-DemiIt'; /* Demibold Italic */
font-style: italic;
font-weight: 600;
src: url('webfonts/25A826_1_0.eot');
src: url('webfonts/25A826_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25A826_1_0.woff') format('woff'),url('webfonts/25A826_1_0.ttf') format('truetype');
}
@font-face {
font-family: 'AvenirNextLTPro-BoldIt'; /* Bold Italic */
font-style: italic;
font-weight: 700;
src: url('webfonts/25A826_6_0.eot');
src: url('webfonts/25A826_6_0.eot?#iefix') format('embedded-opentype'),url('webfonts/25A826_6_0.woff') format('woff'),url('webfonts/25A826_6_0.ttf') format('truetype');
}
.someclass {
font-family: 'AvenirNextLTPro-DemiIt'; /* Demibold Italic */
font-style: italic;
font-weight: 600;
}
.otherclass {
font-family: 'AvenirNextLTPro-BoldIt'; /* Bold Italic */
font-style: italic;
font-weight: 700;
}