网页字体的分类有哪几种,网页常用字体介绍

网页中有各种各样的字体可以使用,这使网页的可读性变得更强。

在CSS中,把这些字体分为了五大类,分别是Serif(衬线字体)、Sans-serif(无衬线字体)、Monospace(等宽字体)、Fantasy(奇幻字体)、Cursive(草书字体)。

衬线字体

衬线字体中的字形宽度各异,而且有衬线。

常用的衬线字体有Times New Roman、Georgia、宋体。

无衬线字体

无衬线字体中的字形宽度各异,没有衬线。

常用的无衬线字体有Verdana、Arial、黑体。

想要搞清楚衬线字体和无衬线字体的区别,就要首先明白什么是衬线。

可以参考下方图片:

左边是无衬线字体,右边是衬线字体。

可以看出:衬线字体在字的笔划开始及结束的地方有额外的装饰,笔画的粗细会有所不同;而无衬线字体的笔划没有额外的装饰,粗细大致差不多,字形端庄,横平竖直。

其中的衬线指的就是字形笔画装饰细节的部分。

等宽字体

等宽字体中的字形宽度一样,常用在技术文章的代码块中。

Courier是最常见的等宽字体,Consolas和Andale Mono也是等宽字体。

草书字体

草书字体尝试模仿人类笔记或手写体。

Zapf Chancery、Author、Comic Sans都是草书字体。

奇幻字体

奇幻字体有时候也叫“装饰字体”或“展示字体”,没有统一的特征,但无法将其划分到其他类别中(如果浏览器遇到无法归类为衬线、无衬线、等宽或草书的字体,便会将其归类到“奇幻”中)。

Western、Woodblock和Klingon都是奇幻字体。

有一点需要注意:一字体可能具备多种字体的特点,比如“宋体”既是衬线字体又是等宽字体。