font-family 字体及各大主流网站对比

@常用字体对应表：

HTML，CSS，font-family：中文字体的英文名称

宋体 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

@网站应用：
1，京东body和字体初始化代码（借鉴）：
a, address, b, big, blockquote, body, center, cite, code, dd, del, div, dl, dt, em, fieldset, font, form, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, label, legend, li, ol, p, pre, small, span, strong, u, ul, var {
margin: 0;
padding: 0;
}
body {
background: #fff none repeat scroll 0 0;
color: #666;
font: 12px/150% Arial,Verdana,"宋体";
}
2，黄淮字体初始化代码(反面教材)：
body {
color: #666;
font-family: "宋体","SimSun";
font-size: 12px;
line-height: 1.5;
}
---宋体在显示英文时很丑，例如小写的g
3，物通网字体初始化代码：
body {
background: #fff none repeat scroll 0 0;
color: #333333;
font-family: Tahoma,Arial,"宋体";
font-size: 12px;
line-height: 22px;
margin: 0;
padding: 0 0 12px;
}
4，新一站body和字体初始化代码（借鉴）：
body, html {
font-family: Tahoma,Arial,"Hiragino Sans GB",simsun,sans-serif;
font-size: 12px;
height: 100%;
line-height: 1.6;
}
a, abbr, acronym, address, article, aside, audio, blockquote, body, button, canvas, caption, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, iframe, img, ins, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, s, section, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, u, ul, var, video {
border: 0 none;
margin: 0;
padding: 0;
}
5，淘宝body和字体初始化代码（借鉴）：
blockquote, body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, input, legend, li, ol, p, pre, td, textarea, th, ul {
margin: 0;
padding: 0;
}
body, button, input, select, textarea {
font: 12px/1.5 tahoma,arial,"Hiragino Sans GB",宋体,sans-serif;
}
6，锤子科技body和字体初始化代码（借鉴）：
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
margin: 0;
padding: 0;
}
body {
color: #666;
font-family: Helvetica,Arial,"Hiragino Sans GB","Microsoft Yahei","微软雅黑",STHeiti,"华文细黑",sans-serif;
font-size: 14px;
}

6，新浪body和字体初始化代码（借鉴）：
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img {
margin: 0;
padding: 0;
}
body {
background: #fff none repeat scroll 0 0;
color: #333;
font: 12px/20px "SimSun","宋体","Arial Narrow",HELVETICA;
padding: 5px 0;
}
.main-nav {
font-family: "Microsoft YaHei","微软雅黑","SimSun","宋体";
}
body, td, th {
font-family: 宋体;
}
---整站大部分用的是宋体16x/26x

@CSS设置字体方法

1，CSS如何控制字间距？

在需要设置的CSS标签下加入一下代码即可。word-spacing:8px;letter-spacing: 1px; 具体是哪个自己配置测试下。

@CSS,font-family,好看常用的中文字体