当前位置: 首页 > Web前端 > CSS

衬线字体(serif)和无衬线字体(sans-serif)的区别

时间:2023-03-30 17:37:53 CSS

首先说说这两个英文单词的意思:serif:serifsans:作为单词前缀,是“no,no”的意思,那么sans-serif就是一种“非衬线”的衬线字体就是我们熟悉的宋体,而italics就是衬线字体,在手势末尾还有一些特殊的设计。雅黑、悠远等无衬线字体,笔画首尾相同。从视觉识别和阅读体验来看,衬线字体更容易提高阅读效率。但是为什么现在网页流行雅黑这种无衬线字体呢?是Windows系统字体的显示导致Arial字体边缘不平滑,整体看起来不美观。我们在制作网页的时候,最好在全局font-family字体列表的末尾加上serif或者sans-serif。这样无论在哪个系统中,系统都会找到对应的serif或者sansserif字体来显示文字内容。还有一种常见的字体类型:monospace,也就是我们程序员常用的一种字体:monospacedfonts。因为工作需要,我们的代码格式需要保证每个字幕或者符号的宽度一致,所以制作了这个字体。比如我们常见的:Consolas,CourierNew。