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

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

衬线字体就是咱们相熟的宋体，楷体就是衬线字体，在比划的末端都有一些非凡的设计。
非衬线字体，比方雅黑，有缘，比划都是结尾和末端是统一的。

从视觉识别和浏览体验上来讲，衬线字体更容易进步浏览的效率。
然而为什么当初网页都风行雅黑这种非衬线字体呢？是因为windows零碎字体的显示导致宋体的边缘并不润滑，整体看上去并不美观。

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

还有一种常见的字体品种：monospace，是咱们程序工作者罕用的一种字体：等宽字体。
因为工作须要，咱们的代码格局须要保障每个字幕或符号所占的宽度统一，所以就有了这种字体的产生。比方咱们常见的：Consolas，Courier New。