屏幕设计常用字体

http://www.zhihu.com/question/20382671
http://www.zhihu.com/question/19911793
http://www.zhihu.com/question/20212515
http://www.zhihu.com/question/19680724
http://www.zhihu.com/question/19579696
http://www.zhihu.com/question/21028538
http://www.zhihu.com/question/24534050

font-family: sans-serif

• 完全由各平台自己决定使用什么中文字体，这是取巧且最常见的办法

Segoe UI

• Vista 之后 Windows 默认英文字体，为 ClearType 优化
• Segoe UI 的尺寸其实不如微软雅黑的西文部分适合 Web 设计的中西文混排，会显得西文有些小
  向下兼容 Arial

Tahoma

• Vista之前 Windows 默认英文字体
• 并不适合正文显示，因为太拥挤

微软雅黑

• Vista 之后 Windows 默认英文字体，为 ClearType 优化，Windows 8 之后更名为：微软雅黑 UI（有人测试过，其实就是变了名字）
• Vista 之后 Windows 默认英文字体，为 ClearType 优化，Windows 8 之后更名为：微软雅黑 UI（有人测试过，其实就是变了名字）
• 不建议用于正文排版，因为有一些 Windows 平台因为种种原因拥有微软雅黑却没开 ClearType, 此时微软雅黑的效果很糟糕，就算开了 ClearType 显示的效果也不尽如人意，因为 ClearType 的抗锯齿算法并不适应汉字
  近年来 DirectWrite 新的抗锯齿风格加入，在大字号时字体渲染效果大有好转，但正文字号的改善有限，且各浏览器并未跟上 DirectWrite 的步伐，以致 Windows 上的字体渲染情况较为混乱
• 如果字号较大可勉强采用微软雅黑，此时没有微软雅黑的系统会自动回退到中易宋体

中易宋体

• Vista 之前 Windows 默认中文字体

Lucida Grande

• OS X Yosemite 之前的默认英文字体

Helvetica（Nene）

• OS X Yosemite 之后的默认英文字体
• Retina 屏幕采用 Neue

黑体 - 简

• OS X 10.6 之后的默认中文字体
• 将华文细黑和华文黑体组合成一个字族而成，只有名称上的差别，或许会因为用于界面，而对行高等参数进行了客制化的修改，但从设计上来说，两者就是同一字体

Arial

• 克隆优秀的字体 Helvetica 而诞生的一款字体，Windows 自带，常被用于 Web 字体
• Segoe UI 可兼容它的存在

Georgia

• 基本上最适合正文屏显的衬线字体

Verdana

• 专门为了屏显而设计的字体，在小字号下仍可以清楚显示
• 字体细节缺失严重，最好别做标题