2

IE8のWebページには、font-faceを使用したCSSの4つのカスタムフォントがあります。各フォントの2つは、太字と通常の太さで同じファミリになります。

IE8は、非太字を太字としてランダムにレンダリングし、場合によってはその逆もすることを発見しました。ページに座って、テキストが読み込まれるたびに更新を押すと、一見ランダムに変更されます。

すべてがロードされた後でのみ、javascriptに要素のフォントを設定させようとしましたが、それでも発生します。

誰が何が起こっているのか知っていますか？

4

1 に答える 1

5

IE8で単一のフォントの複数の重みとスタイルを使用するときに同じ問題が発生しました。Typekitには、IE8以下のこのバグを説明する記事があります。複数の重みとスタイルの使用

彼らによると：

「InternetExplorer6、7、および8は、ファミリごとに最大4つのウェイトをロードします。さらに、密接に関連する2つのウェイト（たとえば、400と500）を使用すると、正しくロードされるウェイトは1つだけになる場合があります。」

バリエーション固有を使用することは、これを解決する方法のようです。そのように（Myfonts.com Webフォントキットからの抜粋）：

@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;
}
于 2013-04-22T07:49:06.920 に答える