font-style

font-style CSS 属性设置字体是否应使用 font-family 中的正常、斜体或倾斜字体。

试试看

斜体 字体通常是草书体，通常比非斜体字体使用更少的水平空间，而 倾斜 字体通常只是普通字体的倾斜版本。当指定的样式不可用时，斜体和倾斜字体都通过人工倾斜普通字体的字形来模拟（使用 font-synthesis 来控制此行为）。

语法

css
font-style: normal;
font-style: italic;
font-style: oblique;
font-style: oblique 10deg;

/* Global values */
font-style: inherit;
font-style: initial;
font-style: revert;
font-style: revert-layer;
font-style: unset;

font-style 属性指定为从以下值列表中选择的单个关键字，该关键字可以选择包含角度，如果关键字是 oblique。

Values

normal

选择一个在 font-family 中被归类为 normal 的字体。

italic

选择一个被归类为 italic 的字体。如果字体的斜体版本不可用，则使用一个被归类为 oblique 的字体。如果两者都不可用，则会人工模拟样式。

oblique

选择一个被归类为 oblique 的字体。如果字体的倾斜版本不可用，则使用一个被归类为 italic 的字体。如果两者都不可用，则会人工模拟样式。

oblique <angle>

选择一个被归类为 oblique 的字体，并另外指定文本倾斜的角度。如果在选择的字体族中可用一个或多个倾斜字体，则选择最接近指定角度的字体。如果没有倾斜字体可用，浏览器将通过以指定量倾斜普通字体来合成字体的倾斜版本。有效值为 -90deg 到 90deg（含）之间的度值。如果没有指定角度，则使用 14 度的角度。正值向行尾倾斜，而负值向行首倾斜。

一般来说，对于 14 度或更大的请求角度，首选较大的角度；否则，首选较小的角度（有关精确算法，请参阅规范的 字体匹配部分）。

Variable fonts

可变字体可以提供对斜体字体倾斜程度的精细控制。您可以使用<angle>修饰符来修改oblique关键字来选择此项。

对于 TrueType 或 OpenType 可变字体，"slnt" 变化用于实现斜体的不同倾斜角度，"ital" 变化值为 1 用于实现斜体值。请参阅 font-variation-settings。

注意： 为了使下面的示例起作用，您需要一个支持 CSS Fonts Level 4 语法的浏览器，其中 font-style: oblique 可以接受 <angle>。演示以 font-style: oblique 23deg; 加载。更改值以查看文本倾斜度的变化。

无障碍性

大段使用 font-style 值为 italic 的文本可能难以被患有认知障碍（如阅读障碍）的人阅读。

正式定义

初始值normal
应用于所有元素和文本。它也适用于 ::first-letter 和 ::first-line。
继承是
计算值如指定
动画类型按计算值类型；normal 动画为 oblique 0deg

正式语法

font-style = 
  normal                           |
  italic                           |
  oblique <angle [-90deg,90deg]>?

示例

字体样式

css
.normal {
  font-style: normal;
}

.italic {
  font-style: italic;
}

.oblique {
  font-style: oblique;
}

规范

规范
CSS Fonts 模块 Level 4
# font-style-prop

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参阅