IE8呈现随机字体粗细(IE8 Renders font weights randomly)

2019-07-20 10:45发布

在IE8网页我一直在使用字体面在CSS 4种自定义字体,每两个字体的去同一个家族大胆和正常体重。

我发现,IE8随机呈现非大胆大胆,有时反之亦然。 如果我坐在每次加载文本的变化,看似随机时间的页面刷新紧迫。

我甚至试过有JavaScript的设置字体的元素都被加载之后才 - 它仍然发生。

任何一个知道怎么回事?

Answer 1:

我已经使用多个权重和风格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;
}


文章来源: IE8 Renders font weights randomly