中文网页字体

##字体使用英文名称##

font-family设置字体时,名称使用英文字体名称。(中文字体名称在 Mac 下无效)

宋体
Windows: 中易宋体(SimSun),Mac: 华文宋体(STSong)

黑体
Windows: 中易黑体(SimHei),Mac: 华文黑体(STHeiti)

##先英文字体后中文字体,不要只写中文字体##

font-family:优先使用排在前面的字体,如果找不到该种字体,或者该种字体不包括所要渲染的文字,则使用下一种字体。如果所列出的字体,都无法满足需要,则让操作系统自行决定使用哪种字体。

先指定英文字体后指定中文字体。否则,中文字体所包含的英文字母,会取代英文字体,这往往很丑陋。

##字体顺序 Mac、Linux、Windows## 绝大数 Mac 的人都同时安装了 Windows 下常用的中文字体(Office for Mac);但极少有 Windows 用户去安装 Mac 下的中文字体。要知道不同系统的字体在其他系统的渲染是很糟糕的。

##设置合适的字体大小## 中文字体大小不要小于12px。中文字体小于12px时候,网页一般难于阅读。楷体更是在小于14px的时候就没法看了。


##样例##

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Hiragino Sans GB W3", "WenQuanYi Micro Hei", "Microsoft YaHei UI", "Microsoft YaHei", sans-serif;
}

参考
中文字体网页开发指南
css工作流
Web 中文字体应用指南