windows常见内置中文字体
宋体 SimSun
黑体 SimHei
微软雅黑 Microsoft YaHei
微软正黑体 Microsoft JhengHei
新宋体 NSimSun
新细明体 PMingLiU
细明体 MingLiU
标楷体 DFKai-SB
仿宋 FangSong
楷体 KaiTi
仿宋_GB2312 FangSong_GB2312
楷体_GB2312 KaiTi_GB2312
宋体：SimSuncss中中文字体（font-family）的英文名称
Mac OS的一些：
华文细黑：STHeiti Light [STXihei]
华文黑体：STHeiti
华文楷体：STKaiti
华文宋体：STSong
华文仿宋：STFangsong
俪黑 Pro：LiHei Pro Medium
俪宋 Pro：LiSong Pro Light
标楷体：BiauKai
苹果俪中黑：Apple LiGothic Medium
苹果俪细宋：Apple LiSung Light
Windows的一些：
新细明体：PMingLiU
细明体：MingLiU
标楷体：DFKai-SB
黑体：SimHei
新宋体：NSimSun
仿宋：FangSong
楷体：KaiTi
仿宋_GB2312：FangSong_GB2312
楷体_GB2312：KaiTi_GB2312
微软正黑体：Microsoft JhengHei
微软雅黑体：Microsoft YaHei
装Office会生出来的一些：
隶书：LiSu
幼圆：YouYuan
华文细黑：STXihei
华文楷体：STKaiti
华文宋体：STSong
华文中宋：STZhongsong
华文仿宋：STFangsong
方正舒体：FZShuTi
方正姚体：FZYaoti
华文彩云：STCaiyun
华文琥珀：STHupo
华文隶书：STLiti
华文行楷：STXingkai
华文新魏：STXinwei
font-family,好看常用的字体
例1（小米米官网）：font-family: "Arial","Microsoft YaHei","黑体","宋体",sans-serif
例2（淘宝技术研发中心）：font: 12px/1.5 Tahoma,Helvetica,Arial,'宋体',sans-serif
例3（加网 ）：font: 14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif
例4（淘宝UED）：font: 12px/1 Tahoma,Helvetica,Arial,"\5b8b\4f53",sans-serif
例5（一淘UX）:font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif
CSS即使设置了其他字体，也要看别的电脑里有没有，一般系统自带有宋体，黑体等字体，但是如果你电脑上有好看的字体，可以显示，在别的电脑没有你的字体，就显示不了，所以一般只会设置系统自带的字体。设置方法：
<html>
<head>
<style type="text/css">
p.ziti{font-family:"Times New Roman",Georgia,Serif}
</style>
</head>
<body>
<h1>CSS font-family</h1>
<p class="ziti">要更改的字体内容</p>
</body>
</html>
CSS定义可以是：font-family:sans-serif
也就是CSS用 p{font-family:"Times New Roman",Georgia,Serif}
为什么我这里设置了三个，分别用","隔开呢，因为不同版本的操作系统，对字体的支持不同解释如下：
例如微软雅黑不同操作系统不同版本需要如下设置：
Windows XP及以前版本的Windows
font-family: Arial, 宋体, sans-serif
Windows Vista和Windows 7
font-family: 'Microsoft Yahei', sans-serif
Sorry，英文就无法设置字体了，因为中文字体都包含了英文字体。好在雅黑显示英文还凑合。
Mac及其它操作系统
font-family: sans-serif
系统自带中文字体编码：
宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312
你在CSS 中有没有定义中文字体？如果定义了，你用的是哪些中文字体？你为这个问题纠结过吗？我们纠结过，而且是相当纠结。先看看我们现在所用的 CSS：body { font-family: Verdana,Arial,Helvetica,sans-serif}是的，根本没有定义中文字体，直接使用浏览器的默认字体。如果你没有修改过，在 Windows 7 中 Chrome 与 Firefox 安装后的默认字体都是“微软雅黑”；唯独 IE 不是，根据目前观察的情况，IE 的默认字体用的是 SimSun-ExtB（宋体）。我们这样的 CSS 定义虽然会造成 IE 浏览器与非 IE 浏览器显示的字体不一致（IE 用户可以通过修改浏览器的默认字体解决这个问题），但这是一个情非得以的选择。你也许会问为什么不直接在 CSS 中把字体定义为“微软雅黑”,“宋体”？这样在 Windows 系统上 IE 浏览器与非 IE 浏览器都统一用“微软雅黑”显示；非 Windows 系统（没有“微软雅黑”字体），就统一用“宋体”显示。我们这么想过，也这么做过。但是现实很残酷。虽然都是姓“微软“，名叫“雅黑”，但是在不同版本 Windows 上的显示效果却不一样。比如，Windows XP 与 Windows 7，一个很丑，一个很漂亮。显示效果不一样，却又用同一名字。于是，纠结就来了。如果在 CSS 中定义第一个中文字体为“微软雅黑”，Windows XP 的用户很有意见（“微软雅黑”在 XP 中的确很丑）；如果定义为“宋体”，Windows 7 的用户又不答应（“微软雅黑” 在 Win 7 中的确比“宋体”好看）。如果Windows 7 与 Windows XP 中的“微软雅黑”使用不同的名字，就不会有这个纠结的问题。比如 Windows 7 中叫“微软雅黑2”，CSS 可以这样写：body { font-family: Verdana,Arial,Helvetica,微软雅黑2,宋体,sans-serif}这样的话，Windows 7 中的浏览器会用“微软雅黑2”字体进行显示。Windows XP 中由于没有这个名字的字体，就用“宋体”显示，多好。面对这样的纠结问题，目前折衷的办法就是本文开头的 CSS 定义，不定义中文字体，使用浏览器的默认字体。这样至少 Chrome 与 Firefox 没问题，高级一点的 IE 用户也没有问题。对于其他的 IE 用户，与其让他们去改 IE 的默认字体，还不如让他们换浏览器。你也许会说，我一点不纠结，我觉得在 Windows 7 中用 IE 的默认字体（宋体）挺好。微软才不会让你这么舒服呢。根据园友 Learning hard 的反馈，我们发现，如果 CSS 中没定义中文字体，而且 IE 用的是默认宋体，那么在文本框中输入文字时，如果通过键盘上的箭头向后移动光标，光标会突然消失。。。虽然不纠结，但你会很郁闷。
