CSS3字体-…如何制作font-style:italic才能使用实际的斜体版本？

Question

我有两种嵌入式字体-一种是常规的，另一种是“真正的”斜体版本的…

@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;}

我在几个类…上使用斜体版本3.

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

我在我的body上应用了MyFont-Regular，并且我有一个元素div.example，我希望文本是斜体的。

为了实现这一点，我必须应用这个…

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

这当然行得通。然而，由于我已经在我的body上应用了“常规”版本的字体，我想知道我是否能以某种方式使font-style:italic;也适用于此。因此，我不想再次应用整个font-family，而是简单地将其声明为斜体。

div.example {
    font-style:italic;
}

这不起作用，并导致“常规”字体的浏览器倾斜斜体版本-在这种情况下不使用真正的“斜体”字体。

当我将font-style:italc应用于一个元素时，如果可以让我的样式表自动使用字体的“真正的”斜体版本，任何想法或技巧都可以。

提前谢谢你，马特

更新：

​

​

Answer 1

将样式添加到字体声明。

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

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