在CSS中,有五个通用字体系列:
- 衬线字体Serif 在每个字母的边缘都有一个小笔划。它们营造出一种正式和优雅的感觉。
- 无衬线字体Sans-serif 线条简洁(没有小笔画)。它们营造出现代简约的外观。
- 等宽字体Monospace - 这里所有字母都具有相同的固定宽度。它们创造了机械的外观。
- 草书字体Cursive 模仿人类手写。
- 幻想字体Fantasy 是装饰性/俏皮字体。
字体系列属性
在 CSS 中,我们使用属性来指定文本的字体。font-family
该属性应保存多个字体名称作为“回退”系统, 以确保浏览器/操作系统之间的最大兼容性。从所需的字体开始,以通用系列结束 (让 浏览器在通用系列中选择类似的字体,如果没有其他字体 可用)。字体名称应用逗号分隔。字体回退可以参考后面的小节。
.p1 {
font-family: "Times New Roman", Times, serif;
}
.p2 {
font-family: Arial, Helvetica, sans-serif;
}
.p3 {
font-family: "Lucida Console", "Courier New", monospace;
}