CSS 设置字体倾斜

CSS 设置字体倾斜的属性为 font-style，同样的，和 font-weight 一样，并不是所有字体都能设置倾斜，只有设备上安装了对应的斜体字体才可以，不过有些浏览器支持伪斜体，即把正体子扭转一定的角度，让它看起来跟斜体一样。

给字体设置倾斜可以使用 "italic" 这个值，例如下方代码所示：

<style>
  p {
    font-style: italic;
  }
</style>
<p>这是斜体。</p>

预览：

CSS font-style 还有其它两个属性，normal 和 oblique。其中 normal 表示把字体设置回正常的正体，oblique 和 italic 类似，也是把文字设置成斜体，但是 italic 是使用字体本身所提供的斜体版本，它所占用的水平空间会少一些，而 oblique 是在常规字体的基础上，把字体倾斜一定的角度，来形成字体，它可以指定具体的角度，例如：

font-style: oblique 45deg;

oblique 在 Chrome 浏览器下等还不支持，所以无法预览效果，后面可能会更新支持，现在只需要知道它的用法就可以。

小结

CSS 设置字体倾斜使用 font-style 属性，它主要有 3 种取值，分别是 italic、oblique 和 normal。 italic 与 oblique 的区别是，italic 使用的是字体提供的斜体版本，oblique 则是浏览器把正常字体进行倾斜后的结果。