CSS中的五大字体家族（cursive 手写字体族更吸引我）_html/css_WEB-ITnose

这是CSS中的五大字体家族。<br /><br />serif<br />serif 中文翻译为“衬线字体族”。<br />serif 具有末端加粗、扩张或尖细末端，或以实际的衬线结尾的一类字体。<br />可以看出 serif 总是在文字末端做文章，这样做的目的是增强可读性，也就是说在字号比较小的时候，serif 一族的字体仍然是比较好辨认的。<br />serif 典型的字体有：Times New Roman、MS Georgia、宋体……<br />serif 还可衍生出两种字体族：petit-serif（小衬线字体族（末端变化不明显））、slab-serif（雕版衬线字体族（末端变化非常明显））。由于显示器显示的字都不大，所以一般将小衬线字体族看作无衬线字体族，比如其中的黑体。<br /><br />sans-serif<br />sans-serif 中文翻译为“无衬线字体族”。sans- 前缀是法语，发音为 /san/，意为“无”。<br />sans-serif 字体比较圆滑，线条粗线均匀，适合做艺术字、标题等，与“衬线字体”相比，如果字号比较小，看起来就会有些吃力。<br />sans-serif 典型的字体有：MS Trebuchet、MS Arial、MS Verdana、幼圆、隶书、楷体……<br /><br />cursive<br />cursive 中文翻译为“手写字体族”。<br />顾名思义，这类字体的字就像手写的一样。<br />cursive 典型的字体有：Caflisch Script、Adobe Poetica、迷你简黄草、华文行草……<br /><br />fantasy<br />fantasy 中文翻译为“梦幻字体族”。<br />fantasy 主要用在图片中，字体看起来很艺术，实际网页上用得不多。<br />fantasy 典型的字体有：WingDings、WingDings 2、WingDings 3、Symbol……<br /><br />monospace<br />monospace 中文翻译为“等宽字体族”。<br />我们知道英文中各字母是不等宽的，但用 monospace，各个字母就是等宽的了，就可以像中文一样排版了。<br />monospace 典型的字体有：Courier、MS Courier New、Prestige……<br /><br />总结<br />总的来说字体分为两个大类：serif、sans-serif，这两个大类下又可以分：cursive、fantasy、monospace