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元素时自动使用字体的“真实”斜体版本。

提前谢谢你，马特

更新：

两个案例的截图

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 回答