中文网页字体
##字体使用英文名称##
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;
}