总结：

为了保证网页文字显示效果，避免因字体定义不生效，应用系统默认字体导致网页视觉效果不可控的问题。

sans-serif是无衬线体，是一类字体（互联网经常使用无衬线体，相比衬线体，不易引起视觉疲劳），它在操作系统或者浏览器里是可以设置的（设置的这种字体肯定是当前系统里存在的），使用这个字体就一定能生效，加上sans-serif能保证调用。

一. 案例

美院

美院

清华大学信息设计系

清华大学信息设计系

摩登天空

摩登天空

Apple

apple

volusion【国外】

volusion

二. 了解sans-serif

什么是sans-serif?

sans-serif是无衬线体，是一类字体。它在操作系统或者浏览器里是可以设置的，设置的这种字体肯定是当前系统里存在的字体，所以使用这个字体就一定能显示出来，加上sans-serif就能保证调用。

Chrome设置-外观

为什么用sans-serif? 不用serif

字体大致可以分成衬线字体 serif 和无衬线字体sans-serif。

衬线指的是字母结构笔画之外的装饰性笔画，比如宋体就是典型的有衬线字体，常用于印刷。

央美-衬线字体

在互联网时代，用的最多的是无衬线字体，比如微软雅黑。所以在 UI 设计中，主要界面框架基本使用的就是无衬线字体。

为什么在互联网时代，用的最多的是无衬线字体？

衬线字体从审美角度较为正式优美，然从眼睛的感受并不及无衬线的黑体字，因为衬线体在笔划上有过多的点缀（笔划末端的小三角），很容易造成视觉疲劳（尤其是显示在萤幕上时）。出于上述原因，大部分网页使用无衬线字体。 ——维基百科

北大-无衬线字体

三. 为什么放在最后一个？

定义font-family字体族后，字体是从左到右的顺序调用。在最后加一个sans-serif，这样如果所列出的字体都不能用，则默认的sans-serif字体就能保证调用。

所以代码常规写法中，最后通常都会带一个sans-serif：