CSS font-style 属性

17 Mar 2025 | 阅读 2 分钟

CSS font-style 属性定义了您想要显示的字体类型。它可以是斜体、倾斜或正常。此 CSS 属性用于定义元素的文本内容的字体样式。

语法

属性值

CSS 属性的属性值如下表所示

关键字描述
正常这是默认值。使用此值,浏览器将显示正常字体文本。
italicfont-style 属性的此属性值用于使字体变为斜体。斜体是字体的草书版本。
obliquefont-style 属性的此属性值用于使字体倾斜。倾斜字体是字体的倾斜版本。
initial使用此值,浏览器将显示初始字体样式,即默认样式。基本上,此值将属性设置为其默认值。
inherit它从其父元素继承属性。

如果给定的 font-family 具有嵌入的倾斜或 斜体 字体,浏览器将选择该字体。如果没有倾斜或斜体字体可用,浏览器将模仿倾斜效果。如果我们定义了italic值,并且没有可用的斜体字体,浏览器将在尝试模仿斜体之前检查倾斜字体。

对于倾斜字体,同样的过程也适用,如果找不到倾斜字体,浏览器将在尝试模仿倾斜之前首先查找斜体字体。

要防止浏览器添加倾斜或斜体字体的模仿版本,如果支持,我们可以使用font-synthesis属性。

让我们通过一个例子来理解上述属性值。

示例

在此示例中,我们使用了 font-style 属性的所有值。

输出

CSS font-style property
下一主题CSS 盒子模型