CSS花边001：无衬线字体和有衬线字体

网站中我们看到过很多字体，样子各有千秋。通常针对结构，区分为有衬字体（serif） 和无衬字体（sans-serif）。今天我们聊一下这个话题。

什么是有衬字体，什么是无衬字体？

衬线字体（serif）

衬线指的是字母结构笔画之外的装饰性笔画。

有衬线的字体叫衬线体（serif），在字的笔画开始、结束的地方有额外的装饰，而且笔画的粗细会有所不同。；

无衬线体（sans-serif）

没有衬线的字体，则叫做无衬线体（sans-serif），没有这些额外的装饰，而且笔画的粗细差不多。该类字体通常是机械的和统一线条的，它们往往拥有相同的曲率，笔直的线条，锐利的转角。。

各有哪些主要应用

衬线字体容易识别，它强调了每个字母笔画的开始和结束，因此易读性比较高。在整文阅读的情况下，适合使用serif字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。

中文字体中的宋体就是一种最标准的serif字体，衬线的特征非常明显。字形结构也和手写的楷书一致。因此宋体一直被做为最适合的正文字体之一。

无衬线字体醒目，适合用于标题、DM、海报等，需要醒目但不需要长时间阅读的地方。但现在市场上很多app正文都开始采用无衬线字体，因为无衬线字体更简约、清新，比较有艺术感。

无衬线字体与汉字字体中的黑体相对应。为了起到醒目的作用，笔画比较粗，不适合长时间阅读，不适合用作正文字体。但是现代的 Macintosh、iOS、Android、Windows Vista 以上 等系统默认使用的无衬线字体基本上都是基于细黑体演化而来，不再像传统的无衬线字体那么重，因此用作正文字体时易读性也很高。

知名的无衬字体Helvetica