跳到主要内容位置

CSS 设置字体倾斜

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

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

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

预览:

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

font-style: oblique 45deg;

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

小结#

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