AI智能
改变未来

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来达到倾斜的效果。

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » css中字体倾斜属性的italic和oblique的区别