CSS3 font-face ... как сделать стиль шрифта: курсив на использование курсивной версии?

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

Я использую курсив версию на несколько классов ...

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

Я применяющие MyFont-Regular на мой body и у меня есть элемент div.example, где я хочу, чтобы текст был выделен курсивом.

Для достижения этой цели я бы применить это ...

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

Это работает, конечно, отлично. Однако, поскольку я уже применяю «обычную» версию шрифта к моему body, я задаюсь вопросом, могу ли я как-то сделать для этого font-style:italic;. Поэтому я не хочу снова использовать весь font-family, но просто объявляю его курсивом.

div.example { 
    font-style:italic; 
} 

Это не работает и приводит к браузерной наклонным курсивом версии «обычного» шрифта - реальный «курсив» fontface не используется в данном случае.

Любые идеи или трюки, если можно сделать мою таблицу стилей автоматически использовать «настоящую» курсивную версию шрифта, когда я применяю font-style:italc к элементу.

Спасибо заранее, Matt

обновление:

Answer 1

Добавьте стиль в декларации шрифта.

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

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