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

  • 5
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值