网页中有各种各样的字体可以使用,这使网页的可读性变得更强。
在CSS中,把这些字体分为了五大类,分别是Serif(衬线字体)、Sans-serif(无衬线字体)、Monospace(等宽字体)、Fantasy(奇幻字体)、Cursive(草书字体)。
衬线字体
衬线字体中的字形宽度各异,而且有衬线。
常用的衬线字体有Times New Roman、Georgia、宋体。
无衬线字体
无衬线字体中的字形宽度各异,没有衬线。
常用的无衬线字体有Verdana、Arial、黑体。
想要搞清楚衬线字体和无衬线字体的区别,就要首先明白什么是衬线。
可以参考下方图片:

左边是无衬线字体,右边是衬线字体。
可以看出:衬线字体在字的笔划开始及结束的地方有额外的装饰,笔画的粗细会有所不同;而无衬线字体的笔划没有额外的装饰,粗细大致差不多,字形端庄,横平竖直。
其中的衬线指的就是字形笔画装饰细节的部分。
等宽字体
等宽字体中的字形宽度一样,常用在技术文章的代码块中。
Courier是最常见的等宽字体,Consolas和Andale Mono也是等宽字体。
草书字体
草书字体尝试模仿人类笔记或手写体。
Zapf Chancery、Author、Comic Sans都是草书字体。
奇幻字体
奇幻字体有时候也叫“装饰字体”或“展示字体”,没有统一的特征,但无法将其划分到其他类别中(如果浏览器遇到无法归类为衬线、无衬线、等宽或草书的字体,便会将其归类到“奇幻”中)。
Western、Woodblock和Klingon都是奇幻字体。
有一点需要注意:一字体可能具备多种字体的特点,比如“宋体”既是衬线字体又是等宽字体。