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

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

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

serif 和 sans-serif

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

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

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


CRStudio
115 声望4 粉丝