css中字体倾斜属性的italic和oblique的区别

font-style属性

我们知道在css样式中所提供的font-style属性中常用有三个值:
normal/italic/oblique
但是在css中对italic和oblique的解释是italic是斜体字,oblique是倾斜的文字,那么他们到底有什么区别呢?
想要明白这点,我们得明白斜体字和倾斜的文字的区别,在字体设计的时候,有些字体设置了多重属性,比如有正常体,斜体,但是有的字体确并没有设置斜体,那么italic的意思就是使用字体的斜体属性,进行倾斜,oblique的意思就是让本不会倾斜的字变得倾斜。
其实从视觉效果上来说他们一般可能并没有什么区别:
我们来看看代码的效果(这里为了方便,我直接用内联写了)

<p style="font-style: italic;">这是一段文本,我们用italic改变</p>
<p style="font-style: oblique;">这是一段文本,我们用oblique改变</p>

看看效果图:
在这里插入图片描述
很明显从视觉上并有没啥区别。只是他们所代表的的含义不一样而已。
因此我们在使用时,对于那些没有斜体字的字体应该用oblique来达到倾斜的效果。

猜你喜欢

转载自blog.csdn.net/mountain_zq/article/details/105158354
今日推荐