CSS 中规定的五种一般字体家族

时间:2024-02-18 15:23:49

serif

serif 中文翻译为“衬线字体族”。

serif 具有末端加粗、扩张或尖细末端,或以实际的衬线结尾的一类字体。

可以看出 serif 总是在文字末端做文章,这样做的目的是增强可读性,也就是说在字号比较小的时候,serif 一族的字体仍然是比较好辨认的。

serif 典型的字体有:Times New Roman、MS Georgia、宋体……

serif 还可衍生出两种字体族:petit-serif(小衬线字体族(末端变化不明显))、slab-serif(雕版衬线字体族(末端变化非常明显))。由于显示器显示的字都不大,所以一般将小衬线字体族看作无衬线字体族,比如其中的黑体。

sans-serif

sans-serif 中文翻译为“无衬线字体族”。sans- 前缀是法语,发音为 /san/,意为“无”。

sans-serif 字体比较圆滑,线条粗线均匀,适合做艺术字、标题等,与“衬线字体”相比,如果字号比较小,看起来就会有些吃力。

sans-serif 典型的字体有:MS Trebuchet、MS Arial、MS Verdana、幼圆、隶书、楷体……

cursive

cursive 中文翻译为“手写字体族”。

顾名思义,这类字体的字就像手写的一样。

cursive 典型的字体有:Caflisch Script、Adobe Poetica、迷你简黄草、华文行草……

fantasy

fantasy 中文翻译为“梦幻字体族”。

fantasy 主要用在图片中,字体看起来很艺术,实际网页上用得不多。

fantasy 典型的字体有:WingDings、WingDings 2、WingDings 3、Symbol……

monospace

monospace 中文翻译为“等宽字体族”。

我们知道英文中各字母是不等宽的,但用 monospace,各个字母就是等宽的了,就可以像中文一样排版了。

monospace 典型的字体有:Courier、MS Courier New、Prestige……

总结

总的来说字体分为两个大类:serif、sans-serif,这两个大类下又可以分:cursive、fantasy、monospace,个人认为 CSS 把字体归为平起平坐的五类,逻辑上有点乱。

字号较小时不要用 sans-serif。