italic和oblique的区别

在CSS中，font-style属性用于指定文本的字体样式，取值有如下4种：

值	描述
normal	默认值。标准的字体样式
italic	斜体的字体样式
oblique	倾斜的字体样式
inherit	从父元素继承的样式

我们看一下不同取值的效果如何：
HTML代码：

<p class="normal">这是一个段落,正常。normal</p>
<p class="italic">这是一个段落,斜体。italic</p>
<p class="oblique">这是一个段落,斜体。oblique</p>

CSS代码：

.normal {font-style:normal;}
.italic {font-style:italic;}
.oblique {font-style:oblique;}

效果：

从目前的显示效果来看，italic和oblique的效果并没有区别，那么它们各有什么用途呢？
其实它们都是让字体具有倾斜的效果，italic是字体自带的斜体属性，oblique是使字体向右倾斜。但是，并不是所有字体都具有斜体的样式，对于那些没有斜体样式的字体来说，使用italic是没有效果的，此时就可以利用oblique代替italic来实现字体倾斜的效果啦。

一句话总结：italic和oblique都是让字体具有倾斜的效果，当字体没有italic属性时，可以使用oblique来替代。

若对你有帮助，可以支持一下作者创作更多好文章哦~