关于字体

（1）西文分衬线(正文)、无衬线(标题)、等宽(代码)三类
（2）Web下的中文字体可选范围很窄
（3）应该同时使用字体的显示名称和字体名称（受系统语言设置的影响）
（4）绝大部分中文字体里包含英文字母，而英文字体里不包含中文字符
（5）中文字体里的英文字母基本上都很丑，应该在中文字体之前指定英文字体
（6）操作系统的默认字体不同，分别定义Win和Mac下的字体
      英文：Helvetica(Mac)，Tahoma(Win)
      中文：华文细黑(Mac)，微软雅黑(Win)，宋体（Windows XP）
（7）Mac的字体Win中没有，但Win的字体Mac下可能会有
（8）目前主流中文字体：宋体12号和微软雅黑
（9）微软雅黑并不是个好字体
（10）Web字体格式

• EOT=Embedded Open Type （IE4-8）
• WOFF=Web Open Font Formate （Chrome6+，FF3.5+，Opera11+，Safari5.1+，IE9+）
• OTF=Open Type Font
• TTF=True Type Font
• SVG=Scalable Vector Graphics

引用

font-family: Helvetica, Tahoma, Arial, STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", SimSun, "宋体", Heiti, "黑体", sans-serif;

Web中文字体应用指南
http://ruby-china.org/topics/14005

为什么很多网站使用微软雅黑？
http://www.zhihu.com/question/19685531

什么是有衬线字体与无衬线字体(serif vs sans serif)？
http://hi.baidu.com/supermfc/item/ed561b0ec14582803c42e250

Fundamentals of Design by CodeSchool
http://www.codeschool.com/courses/fundamentals-of-design

Chinese Standard Web Fonts: A Guide to CSS Font Family Declarations for Web Design in Simplified Chinese
http://www.kendraschaefer.com/2012/06/chinese-standard-web-fonts-the-ultimate-guide-to-css-font-family-declarations-for-web-design-in-simplified-chinese/

書体の選び方
http://tsutawarudesign.web.fc2.com/yomiyasuku1.html

オススメ書体
http://tsutawarudesign.web.fc2.com/yomiyasuku5.html