如何设置 font-family 比较好？
font-family: sans-serif。
这行代码设置全部字体为系统默认的无称线字体。若是在各类操做系统和浏览器都作对的状况下，它应该对中英文使用默认的无称线字体。即大多数状况下英文显示『Arial』或『Helvatica』，中文显示『黑体』或『微软雅黑』，日文显示『哥特体』。固然，也能够设置font-family: serif。那么相应的就是『Times』、『宋体』和『明朝』。
很惋惜这项设置只能在Mac和Windows8下正确显示。在其它Windows下实际上是无效的。缘由以下：
- 除了Win8之外的Windows都会错误地使用宋体（称线字体）显示。（其实也没问题，只是那些想用雅黑显示的网页就没戏了）
- Windows XP及之前的操做系统上黑体显示的中文字很是难看不便阅读。
为了使问题简化，在此就讨论的条件和范围说明一下：
注1：貌似某些新版本的浏览器可以在Windows上正确分辨中文的称线和无称线字体了。
注2：Win8上的IE10彷佛已经修正了对无称线字体的显示问题。可是不知道Win7的IE10会怎样。
注3：不讨论Windows和Mac之外的操做系统了。
注4：不讨论一个网页内标题和正文使用不一样中文字体的状况。
注5：不讨论中文、日文和拉丁字母之外的字符。
注6：不讨论用户在浏览器的设置中中强行设置字体的状况。
注7：不讨论称线和无称线字体之外的状况，如等宽字体。（由于对中文实际使无效的）
----------------------分析开始----------------------
在给出答案前，先说各类字体的在各类操做系统上现象：
宋体：
- 在Windows操做系统上显示良好。可是仅限于12像素和14像素。超出14像素的字基本就会出现字不够方正，锯齿明显的现象。
- 在Mac上各类字号均可以很好的显示。这是由于Mac上针对字体所作的反锯齿效果作的比较好。
黑体或微软雅黑：
黑体和微软雅黑都属于无称线字体。
- Windows Vista，Windows 7和Windows 8上在各类字号下显示良好。可是仅就阅读来售，雅黑在Windows下不大适合作大段阅读，由于会出现明显的字体歪歪扭扭的现象。雅黑比较适合作UI字体，好比按钮、导航、菜单。大号字体下用以显示标题也不错。所以咱们看到不少新网站都开始使用雅黑了。
- Mac：黑体没有任何问题。虽然有些人号称看苹果上的黑体字很不习惯。可是我的以为仍是最适合阅读的字体。并且也适合作UI字体。
- Windows XP及之前的Windows：这里就比较复杂了。由于：
1) Windows XP原生是不带微软雅黑的。
2) 加装Office 2007后会加装微软雅黑。
3) Windows XP的Clear Type作的很是很差，致使雅黑在Windows XP上的显示效果基本没法阅读。
为了发挥雅黑的好处，同时解决兼容性问题，我在服务器端针对各类不一样的操做系统作了不一样的判断。以下：浏览器
- Windows XP及之前版本的Windows
font-family: Arial, 宋体, sans-serif;
- Windows Vista和Windows 7
Sorry，英文就没法设置字体了，由于中文字体都包含了英文字体。好在雅黑显示英文还凑合。font-family: 'Microsoft Yahei', sans-serif;
- Mac及其它操做系统
font-family: sans-serif;
其实这还不够好，由于在Windows下，正文使用宋体显示比较合适。个人下一步的计划是：服务器
- 针对Windows下的正文使用宋体。
- 针对雅黑字体，用13px和15px等奇数字体显示，由于效果更好。
CSS 定义了 5 种通用字体系列字体
- Serif 字体
- Sans-serif 字体
- Monospace 字体
- Cursive 字体
- Fantasy 字体
- Serif 字体
- 这些字体成比例，并且有上下短线。若是字体中的全部字符根据其不一样大小有不一样的宽度，则成该字符是成比例的。例如，小写 i 和小写 m 的宽度就不一样。上下短线是每一个字符笔划末端的装饰，好比小写 l 顶部和底部的短线，或大写 A 两条腿底部的短线。Serif 字体的例子包括 Times、Georgia 和 New Century Schoolbook。
- Sans-serif 字体
- 这些字体是成比例的，并且没有上下短线。Sans-serif 字体的例子包括 Helvetica、Geneva、Verdana、Arial 或 Univers。
- Monospace 字体s
- Monospace 字体并非成比例的。它们一般用于模拟打字机打出的文本、老式点阵打印机的输出，甚至更老式的视频显示终端。采用这些字体，每一个字符的宽度都必须彻底相 同，因此小写的 i 和小写的 m 有相同的宽度。这些字体可能有上下短线，也可能没有。若是一个字体的字符宽度彻底相同，则归类为 Monospace 字体，而不管是否有上下短线。Monospace 字体的例子包括 Courier、Courier New 和 Andale Mono。
- Cursive 字体
- 这些字体试图模仿人的手写体。一般，它们主要由曲线和 Serif 字体中没有的笔划装饰组成。例如，大写 A 再其左腿底部可能有一个小弯，或者彻底由花体部分和小的弯曲部分组成。Cursive 字体的例子包括 Zapf Chancery、Author 和 Comic Sans。
- Fantasy 字体
- 这些字体没法用任何特征来定义，只有一点是肯定的，那就是咱们没法很容易地将其规划到任何一种其余的字体系列当中。这样的字体包括 Western、Woodblock 和 Klingon。
理论上讲，用户安装的任何字体系列都会落入到上述某种通用系列中，但实际上可能并不是如此，不过例外状况（若是有的话）每每不多。s网站
-----------以上引自W3School编码
西方国家字母体系分为两类：serif以及sans serif。 spa
serif是有衬线字体，意思是在字的笔画开始、结束的地方有额外的装饰，并且笔画的粗细会有所不一样。相反的，sans serif就没有这些额外的装饰，并且笔画的粗细差很少。 操作系统
serif字体容易识别，它强调了每一个字母笔画的开始和结束，所以易读性比较高，sans serif则比较醒目。在走文阅读的状况下，适合适用serif字体进行排版，易于换行阅读的识别性，避免发生行间的阅读错误。 code
sans serif强调每个字母，serif更强调于一个单词。 视频
中文字体中的宋体就是一种最标准的serif字体，衬线的特征很是明显。字形结构也和手写的楷书一致。所以宋体一直被作为最适合的正文字体之一。不过因为强调横竖笔画的对比，在远处观看的时候横线就被弱化，致使识别性的降低 。blog
----------以上引自百度百科
sans serif（非衬线字体）更适合于做为标题，强调，
serif（衬线字体）更适合于正文。
------------
具体哪些字体是sans serif（非衬线字体），哪些字体是serif（衬线字体），在dreamweaver的CSS提示框中能够查到，其余的上网搜索。
------------
引自QQ.com的CSS以下
body{margin:0;padding:0 0 12px 0;font-size:12px;line-height:22px;font-family:"宋体","Arial Narrow",HELVETICA;background:#fff;}
不难看出，字体大小：12像素，行高22像素，字体：宋体，Arial，Narrow，helvetica
引自taobao.com的CSS以下
body{font:12px/1.5 tahoma,arial,\5b8b\4f53;}
这段CSS的意思为：字体大小：12像素，行高1.5倍，即150%，1.5*12=18像素，字体：tahoma,arial,\5b8b\4f53，这里的\5b8b\4f53是汉字"宋体"的Unicode编码，不采用 SimSun的缘由是 Firefox 的某些版本和 Opera 不支持 SimSun 的写法。
字体英文，unicode对照表
| 平台 |
中文名 |
英文名 |
Unicode |
Unicode 2 |
| Windows |
新细明体 |
PMingLiU |
\65B0\7EC6\660E\4F53 |
新细明体 |
| 细明体 |
MingLiU |
\7EC6\660E\4F53 |
细明体 |
|
| 标楷体 |
DFKai-SB |
\6807\6977\4F53 |
标楷体 |
|
| 黑体 |
SimHei |
\9ED1\4F53 |
黑体 |
|
| 宋体 |
SimSun |
\5B8B\4F53 |
宋体 |
|
| 新宋体 |
NSimSun |
\65B0\5B8B\4F53 |
新宋体 |
|
| 仿宋 |
FangSong |
\4EFF\5B8B |
仿宋 |
|
| 楷体 |
KaiTi |
\6977\4F53 |
楷体 |
|
| 仿宋_GB2312 |
FangSong_GB2312 |
\4EFF\5B8B_GB2312 |
仿宋_GB2312; |
|
| 楷体_GB2312 |
KaiTi_GB2312 |
\6977\4F53_GB2312 |
楷体_GB2312; |
|
| 微软正黑体 |
Microsoft JhengHei |
\5FAE\x8F6F\6B63\9ED1\4F53 |
微软正黑体 |
|
| 微软雅黑 |
Microsoft YaHei |
\5FAE\8F6F\96C5\9ED1 |
微软雅黑 |
|
| Mac OS
|
华文细黑 |
STHeiti Light [STXihei] |
\534E\6587\7EC6\9ED1 |
华文细黑 |
| 华文黑体 |
STHeiti |
\534E\6587\9ED1\4F53 |
华文黑体 |
|
| 华文楷体 |
STKaiti |
\534E\6587\6977\4F53 |
华文楷体 |
|
| 华文宋体 |
STSong |
\534E\6587\5B8B\4F53 |
华文宋体 |
|
| 华文仿宋 |
STFangsong |
\534E\6587\4EFF\5B8B |
华文仿宋 |
|
| 丽黑 Pro |
Pro LiHei Pro Medium |
\534E\6587\7EC6\9ED1 Pro |
丽黑Pro |
|
| 丽宋 Pro |
LiSong Pro Light |
\4E3D\5B8B Pro |
丽宋 Pro |
|
| 标楷体 |
BiauKai |
\6807\6977\4F53 |
标楷体 |
|
| 苹果丽中黑 |
Apple LiGothic Medium |
\82F9\679C\4E3D\4E2D\9ED1 |
苹果丽中黑 |
|
| 苹果丽细宋 |
Apple LiSung Light |
\82F9\679C\4E3D\7EC6\5B8B |
苹果丽细宋 |
|
| Office
|
隶书 |
LiSu |
\96B6\4E66 |
隶书 |
| 幼圆 |
YouYuan |
\5E7C\5706 |
幼圆 |
|
| 华文细黑 |
STXihei |
\534E\6587\7EC6\9ED1 |
华文细黑 |