@font-face.font-style

@font-face.font-style

font-styleCSS 描述符允许作者为 @font-face中字体指定样式。

对于特定的字体系列，作者可以下载与同一字体系列的不同样式对应的各种字体面，然后使用font-style描述符显式指定字体样式。CSS描述符的值与其相应的字体属性的值相同。

语法

font-style: normal;
font-style: italic;
font-style: oblique;

取值

normal

选择字体系列的普通版本。

italic

指定font-face是普通字体的斜体版本。

oblique

指定font-face是普通字体的倾斜版本。

形式语法

normal | italic | oblique

实例

作为一个例子，考虑garamond字体族，在它的正常形式下，我们得到以下结果：

@font-face {
  font-family: garamond;
  src: url('garamond.ttf'
}

本文的斜体版本使用了与非样式版本相同的符号，但它们被人为地倾斜了几度。

另一方面，如果存在一个真正的斜体版本的字体家族，我们可以将它包含在src描述符中，并将字体样式指定为斜体，这样可以清楚地看到字体是斜体的。真正的斜体使用不同的字形，与直立的字体有点不同，具有一些独特的特征，通常具有圆润和书法的质量。这些字体是由字体设计师专门创建的，不是人为的倾斜。

@font-face {
  font-family: garamond;
  src: url('garamond-italic.ttf'
  font-style: italic;
}

规范

浏览器兼容性