css 字体样式

[强制] font-family 属性中的字体族名称应使用字体的英文 Family Name，其中如有空格，须放置在引号中。

解释：

所谓英文 Family Name，为字体文件的一个元数据，常见名称如下：

字体	操作系统	Family Name
宋体 (中易宋体)	Windows	SimSun
黑体 (中易黑体)	Windows	SimHei
微软雅黑	Windows	Microsoft YaHei
微软正黑	Windows	Microsoft JhengHei
华文黑体	Mac/iOS	STHeiti
冬青黑体	Mac/iOS	Hiragino Sans GB
文泉驿正黑	Linux	WenQuanYi Zen Hei
文泉驿微米黑	Linux	WenQuanYi Micro Hei

示例：

h1 {
    font-family: "Microsoft YaHei";
}

[强制] font-family 按「西文字体在前、中文字体在后」、「效果佳 (质量高/更能满足需求) 的字体在前、效果一般的字体在后」的顺序编写，最后必须指定一个通用字体族( serif /sans-serif )。

解释：

更详细说明可参考本文。

示例：

/* Display according to platform */
.article {
    font-family: Arial, sans-serif;
}

/* Specific for most platforms */
h1 {
    font-family: "Helvetica Neue", Arial, "Hiragino Sans GB", "WenQuanYi Micro Hei", "Microsoft YaHei", sans-serif;
}

[强制] font-family 不区分大小写，但在同一个项目中，同样的 Family Name 大小写必须统一。

示例：

/* good */
body {
    font-family: Arial, sans-serif;
}

h1 {
    font-family: Arial, "Microsoft YaHei", sans-serif;
}

/* bad */
body {
    font-family: arial, sans-serif;
}

h1 {
    font-family: Arial, "Microsoft YaHei", sans-serif;
}

font-family:'Lucida Grande', Verdana, Tahoma, Arial, sans-serif;
font-size:24px;
line-height:22px;
color:#666666;

/**//* 无衬托 h2~h3 */

font-family:HelveticaNeue-Light, 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:21px;
line-height:24px;
color:#554d53;

/**//* 手写 */

font-family:Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif;
font-size:15px;
line-height:18px;
color:#ada8a5;

font-family:'lucida Grande', Tahoma, Arial, Helvetica, 宋体, sans-serif;
font-size:14px;
line-height:21px;
color:#454545;

font-family:'Microsoft YaHei', 微软雅黑, 'Microsoft JhengHei', 宋体;
font-size:14px;
line-height:21px;
color:#454545;

font-family:verdana, sans-serif;
font-size:18px;
line-height:;
color:#969696;

font-family:arial, sans-serif;
font-size:36px;
line-height:36px;
color:#3e3e3e;

font-family:Arial, 宋体;
font-size:12px;
line-height:18px;
color:#333333;

font-family:Arial, 微软雅黑, 'Microsoft YaHei';
font-size:12px;
line-height:14px;

font-family:Verdana, Arial, Helvetica, sans-serif;

font-family:'Microsoft Yahei', Tahoma, Arial, Helvetica, sans-serif;
font-size:12px; /**//* 14px */
line-height:20px; /**//* 25px */

font-family:Helvetica, Helvetica, Geneva, Arial, sans-serif;

font-family:Georgia;

font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
font-size:12px;
line-height:14px;

font-family:'Hiragino Sans GB', 'Microsoft YaHei', sans-serif;
font-size:14px;
line-height:16px;

font-family:'lucida grande', tahoma, verdana, arial, sans-serif;

font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;

font-family:tahoma, arial, 宋体, sans-serif;

font-family:宋体, 'Arial Narrow';

font-family:Tahoma, Helvetica, Arial, sans-serif;

font-family:Tahoma, simsun;