关于css:衬线字体serif-和非衬线字体sansserif区别

36次阅读

共计 438 个字符,预计需要花费 2 分钟才能阅读完成。

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

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

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

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

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

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

正文完
 0