首先说说这两个是英文单词是什么意思：

serif: 衬线
sans: 作为单词前缀，是"无, 没有"的意思，那么sans-serif 就是"非衬线"

衬线字体就是我们熟悉的宋体，楷体就是衬线字体，在比划的末端都有一些特殊的设计。
非衬线字体，比如雅黑，有缘，比划都是开头和末端是一致的。

从视觉辨认和阅读体验上来讲，衬线字体更容易提高阅读的效率。
但是为什么现在网页都流行雅黑这种非衬线字体呢？是因为windows系统字体的显示导致宋体的边缘并不光滑，整体看上去并不美观。

我们在做网页的时候，更好是给全局的font-family的字体列表的最后加一个serif或者sans-serif。这样不管在哪个系统里，系统都会找到对应的衬线或者非衬线字体来显示文本内容了。

还有一种常见的字体种类：monospace，是我们程序工作者常用的一种字体：等宽字体。
因为工作需要，我们的代码格式需要保证每个字幕或符号所占的宽度一致，所以就有了这种字体的产生。比如我们常见的：Consolas，Courier New。