0

この記事の@font-faceの防弾指示に従っていることを願っていますhttp://coding.smashingmagazine.com/2013/02/14/setting-weights-and-styles-at-font-face-declaration/comment-ページ-1/#コメント-870111

残念ながら、何らかの理由でフォントが読み込まれない場合にフォールバック フォントのスタイルを考慮しようとしているため、Web フォントで IE8 の偽のイタリック体をまだ取得しています。

パシフィコ スクリプト フォント (ローカルで提供) を使用していますが、セリフ イタリックに劣化することを確認したいと考えています。@font-face でこっそりと font-style:italic として宣言しました。

@font-face {
font-family: 'Pacifico';
src: url('Pacifico-webfont.eot');
src: url('Pacifico-webfont.eot?#iefix') format('embedded-opentype'),
     url('Pacifico-webfont.woff') format('woff'),
     url('Pacifico-webfont.ttf') format('truetype'),
     url('Pacifico-webfont.svg#Pacifico') format('svg');
font-weight: 500;
font-style: italic;

}

この h1 スタイルではフォントが正しく読み込まれますが、IE8 ではスクリプトが斜体になります。

 h1{
font-family: 'Pacifico', serif;
font-weight: 500;
font-style: italic;
font-size: 32px;
color: #f9a51a;

すべての指示に正しく従ったことを確信しています:(。すべてがChromeとFirefoxで期待どおりに機能します-私が行った@font-face宣言は、実際に偽のスタイリングを停止します.しかし、IE8には完璧な解決策がないのではないかと心配しています.

(明確にするために - IE9 は Web フォントとフォールバック フォント/スタイルの両方を正しくレンダリングするようです。)

4

1 に答える 1

0

このフォントには、鋭角的な文字に問題があります。CSS のバグを突き止めて、最終的にそれが Web フォントであることが判明するまでに数日かかりました。IE8 で互換表示をオンにしたり、IETester をクラッシュさせたりしていました。

残念ながら、唯一の解決策は、フォントの作成者が更新して問題を修正するまで、別のフォントを使用することです。

于 2014-01-17T23:57:15.113 に答える