我的位置: 首页  >   揭秘CSS  >   3.1.4 字体风格

3.1.4 字体风格

编辑:比特教程网    时间:2018-10-12 10:37    


在CSS中,通过 font-style属性 来设置文本的字体风格,可选值有 normal | oblique | italic,默认为 normal。normal 表示正常文本;oblique 表示正常文本的倾斜版本;italic 表示斜体,斜体是一种单独的字体风格。如:

.normal {
 font-style: normal;
}
.oblique {
 font-style: oblique;
}
.italic {
 font-style: italic;
}
<p class="normal ">字体样式: normal </p>
<p class="oblique ">字体样式: oblique </p>
<p class="italic">字体样式: italic</p>

上述代码定义了 3 种不同的字体样式。运行结果如图 3‑5 所示:

font-style属性

图3-5  font-style属性

CSS规范规定,如果没有 italic 字体,但有一种 oblique 字体,则要在需要italic的地方替换为 oblique。如果情况反过来,存在 italic 字体,但没有 oblique 字体,则浏览器可以不进行替换。

但是,从上图可以看出,使用 oblique 和 italic 的元素之间并没有明显的区别。实际上,不是每一种字体都同时有斜体(italic)和倾斜字体(oblique),即便这两种字体同时存在,也很少有浏览器如此费力的去区分它们。



上一节:3.1.3 字体粗细

下一节:3.1.5 字体变形