gpt4 book ai didi

CSS3 font-face … 如何制作 font-style :italic to use the actual italic version?

转载 作者:行者123 更新时间:2023-11-28 11:14:32 25 4
gpt4 key购买 nike

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

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

我在一些类(class)中使用了斜体版本......

.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 应用于元素时,如果有可能使我的样式表自动使用字体的“真实”斜体版本,有什么想法或技巧。

先谢谢你,马特

更新:

Screenshot of the two cases

最佳答案

将样式添加到字体声明中。

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

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

关于CSS3 font-face … 如何制作 font-style :italic to use the actual italic version?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10582791/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com