字体的选择，是网页开发的关键因素之一。
合适的字体，对网页的美观度（或可读性）有着举足轻重的影响。
不同的操作系统、不同的版本预装不同的字体（因为版权），几乎没有交集。因此，大多数开发者索性忽略中文字体，让操作系统自行渲染，或者用图片呈现字体效果。
操作系统决定了开发者可以使用的字体。所以，第一步，我们必须了解操作系统到底提供哪些字体。
windows操作系统：
黑体：simhei 宋体：simsun 新宋体：nsimsun 仿宋：fangsong 楷体：kaiti 仿宋gb2312：fangsonggb2312 楷体gb2312：kaitigb2312 微软雅黑：microsoft yahei （windows 7开始提供）
os x操作系统：
冬青黑体: hiragino sans gb （snow leopard开始提供） 华文细黑：stheiti light （又名stxihei） 华文黑体：stheiti 华文楷体：stkaiti 华文宋体：stsong 华文仿宋：stfangsong
如果用户装了microsoft office，还会多出一些字体。
隶书：lisu 幼圆：youyuan 华文细黑：stxihei 华文中宋：stzhongsong 方正舒体：fzshuti 方正姚体：fzyaoti 华文彩云：stcaiyun 华文琥珀：sthupo 华文隶书：stliti 华文行楷：stxingkai 华文新魏：stxinwei
css的font-family命令，指定了网页元素所使用的字体。下面是一个例子。
它的规则有三条。
（1）优先使用排在前面的字体。 （2）如果找不到该种字体，或者该种字体不包括所要渲染的文字，则使用下一种字体。 （3）如果所列出的字体，都无法满足需要，则让操作系统自行决定使用哪种字体。
根据这些规则，font-family应该优先指定英文字体，然后再指定中文字体。否则，中文字体所包含的英文字母，会取代英文字体，这往往很丑陋。
上面图片中，红框内的英文字母，左边采用英文字体渲染，右边采用中文字体渲染，哪一种效果比较好，一目了然。
为了保证兼容性，中文字体的中文名称和英文名称，应该都写入font-family。比如，"微软雅黑"的英文名称是microsoft yahei。
此外，中文字体的中文名称，以及由多个单词组成的英文名称，应该放在双引号内。
由于windows和mac的中文字体没有交叉，所以应该同时为两个平台指定字体。
常见的做法是，windows平台指定"微软雅黑"（microsoft yahei），mac平台指定"华文细黑"（stxihei）。
所谓"衬线体"（serif），指的是笔画的末端带有衬线的字体。
就像英文字体一样，中文字体也可以分成"衬线体"和"无衬线体"（san-serif）。比如，对于繁体字来说，微软正黑（microsoft jhenghei）是无衬线体，新细明体（pmingliu）是衬线体。
对于简体字来说，微软雅黑（microsoft yahei）是无衬线体，宋体（simsun）是衬线体。
一般来说，衬线体装饰性强，往往用于标题；无衬线体清晰度好，往往用于正文。
（1）宋体（simsun）
宋体是最常见的中文字体，如果没有指定字体，操作系统往往选择它来渲染。很多人认为，这种字体并不美观。
（2）微软雅黑（microsoft yahei）
微软雅黑的美观度和清晰度都较好，可以作为网页的首选字体。它在mac平台的对应字体是华文细黑（stxihei）。
但是，windows xp没有预装这种字体，这时可以选择黑体（simhei）替代。不过，黑体比较粗，不应用于字号较小的文字。
（3）仿宋（fangsong）
这种字体是衬线体，比宋体的装饰性更强。如果字号太小，会影响清晰度，所以只有在字号大于14px的情况下，才可以考虑这种字体。
它在mac平台的对应字体是"华文仿宋"（stfangsong）。
（4）楷体（kaiti）
楷体也是衬线体，装饰性与仿宋体接近，但是宽度更大，笔画更清楚一些。这种字体也不应该在小于14px的情况下使用。
它在mac平台的对应字体是"华文楷体"（stkaiti）。
（完）