揭秘CSS(第 1 版)
3.1.4 字体风格
阅读(

概述

CSS选择器

字体和文本

字体

字体粗细

字体大小

字体系列

字体风格

在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),即便这两种字体同时存在,也很少有浏览器如此费力的去区分它们。

关于作者

歪脖先生,十五年以上软件开发经验,酷爱Web开发,精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等,著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》,并全部在 GitHub 上开源。

如果本教程对您帮助很大,请随意打赏。您的支持,将鼓励我写出更好的教程!

← 键盘方向键翻页 →
返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验