网页中有各种各样的字体可以使用，这使网页的可读性变得更强。

在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都是奇幻字体。

有一点需要注意：一字体可能具备多种字体的特点，比如“宋体”既是衬线字体又是等宽字体。