font-style 属性定义字体的风格。
该属性设置使用斜体、倾斜或正常字体。斜体字体通常定义为字体系列中的一个单独的字体。
这个属性比较容易理解,平时开发的时候我很少使用,所以写一篇笔记记录一下italic 与 oblique 的区别;
借鉴一下W3C上的介绍
值 | 描述 |
---|---|
normal 默认值 | 浏览器显示一个标准的字体样式。 |
inherit | 规定应该从父元素继承字体样式。 |
italic | 浏览器会显示一个斜体的字体样式。 |
oblique | 浏览器会显示一个倾斜的字体样式。 |
表面上看来,我们使用italic或者oblique是看不出来什么不同的,因为他们都是让文字倾斜的属性。
他们之间的根本区别是italic是对文字的字体设置字体样式,如果该字体没有斜体的样式,这个属性是无效的。
oblique是针对文字本身去设置一个倾斜的字体样式,就算文字字体本身没有倾斜的字体样式,这个属性依旧是可以呈现出倾斜的效果。