CSS font-style 属性

font-style 属性用于设置文本的字体样式，可以控制文本是正常字体、斜体，还是倾斜字体。

语法

font-style: normal|italic|oblique|initial|inherit;

• normal：默认值，文本显示为正常字体。
• italic：文本显示为斜体。
• oblique：文本显示为倾斜字体。
• initial：设置为默认值。
• inherit：继承父元素的字体样式。

示例

// www.javascriptcn.com code example
p.normal {
  font-style: normal;
}

p.italic {
  font-style: italic;
}

p.oblique {
  font-style: oblique;
}

<p class="normal">这是一段正常字体文本。</p>
<p class="italic">这是一段斜体文本。</p>
<p class="oblique">这是一段倾斜字体文本。</p>

注意事项

• 不是所有字体都支持斜体和倾斜效果，部分字体可能只支持正常字体显示。
• 斜体和倾斜效果在不同浏览器和操作系统下可能会有差异，建议在实际项目中进行兼容性测试。