2

通常のイタリック バージョンと「実際の」イタリック バージョンの 2 つの埋め込みフォントがあります …</p> 

@font-face {font-family: 'MyFont-Regular';src: url('wf/2061CF_2_0.eot');src: url('wf/2061CF_2_0.eot?#iefix') format('embedded-opentype'),url('wf/2061CF_2_0.woff') format('woff'),url('wf/2061CF_2_0.ttf') format('truetype');}
@font-face {font-family: 'MyFont-RegularItalic';src: url('wf/2061CF_6_0.eot');src: url('wf/2061CF_6_0.eot?#iefix') format('embedded-opentype'),url('wf/2061CF_6_0.woff') format('woff'),url('wf/2061CF_6_0.ttf') format('truetype'); font-style:italic, oblique;}

いくつかのクラスで斜体バージョンを使用しています … </p> 

.MyFont-RegularItalic, .italic, em { font-family: MyFont-RegularItalic; }

私はMyFont-Regular自分で申請していますが、テキストを斜体にしたいbody要素があります。div.example

これを達成するには、これを適用する必要があります…</p> 

div.example {
    font-family:MyFont-RegularItalic;
}

これはもちろんうまくいきます。しかし、私はすでに「通常の」バージョンのフォントを自分のフォントに適用しているので、どうにかしてこれもうまくいくのでbodyはないかと思います。font-style:italic;したがって、全体font-familyを再度適用するのではなく、単にイタリック体として宣言します。

div.example {
    font-style:italic;
}

これは機能せず、ブラウザが傾斜した「通常の」フォントのイタリック バージョンになります。この場合、実際の「イタリック」フォントフェイスは使用されません。

要素に適用するときに、スタイルシートに「実際の」斜体バージョンのフォントを自動的に使用させることができる場合のアイデアやトリックfont-style:italc。

前もってありがとう、マット

アップデート：

2 つのケースのスクリーンショット

4

1 に答える 1

3

フォント宣言にスタイルを追加します。

@font-face {
  font-family:"MyFont";
  src:url("myfont.ttf");
}

@font-face {
  font-family:"MyFont";
  src:url("myfont-italic.ttf");
  font-style:italic;
}
于 2012-05-14T11:55:24.437 に答える