css – 强制浏览器使用Faux斜体(斜)而不是真正的斜体

我已经阅读过很多人在浏览器中没有加载真正的斜体字体样式的问题,我另外想要强制浏览器使用Faux Italic.
这是我的css代码
h2 {
    font-family:"Bell MT",Georgia,serif;
    font-size:31px;
    font-style:oblique;
    font-weight:normal;
    color:#e19614;
}

当我将font-weight设置为粗体或更大时,产生的效果是所需的倾斜字体,但每当我将重量设置为正常(这是所需的设置)时,它会回到真正的斜体字体,在这种情况下(Bell MT)是非常不同的..

有什么建议?

解决方法

要强制浏览器使用仿斜体,请在指定的字体系列不包含斜体或斜体字体时使用请求斜体或斜体的字体设置,并给出参数情况.

如果您要求使用粗体斜体Bell MT,您就是这样做的. Bell MT字体系列具有普通,粗体和斜体字体,但没有粗体斜体.因此,浏览器必须拒绝执行您的请求,或通过算法倾斜粗体字体或通过算法粗体斜体字体来伪造它.

正如biziclop的答案所示,你可以使用CSS变换做自己的假(虚假)斜体,或者说伪斜面.但是,在浏览器可以使用请求的斜体或斜体的情况下,没有办法强制浏览器使用自己的伪造机制.

更新:@ JonHanna的回答显示,通过在@ font-face规则中指定字体而不指定斜体字体,可以欺骗浏览器使用伪斜体.所以“浏览器可用”是相对的.

附:假斜体/斜斜与斜斜不一样.印刷师可以设计一种倾斜的字体,这不仅仅是一种倾斜的普通字体,而且不是经典的斜体字样.字体是否被分类为斜体或倾斜在很大程度上取决于品味和命名.对于大多数实际用途,CSS关键字斜体和斜体是同义词,因为浏览器在请求倾斜但不存在时使用斜体,反之亦然.只有当字体具有斜体字体和倾斜字体时,它们才会真正不同,这种情况很少见.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效