互联网行业前端前端工程师前端样式规范手册（执行版）.docxVIP

互联网行业前端前端工程师前端样式规范手册（执行版）

第1章基础样式规范

1.1字体规范

1.1.1字体选择

界面字体选择需兼顾可读性与品牌调性。系统界面建议采用无衬线字体（如思源黑体、阿里巴巴普惠体），信息密度高的场景（如帮助文档）可选用衬线体（如宋体）提升阅读舒适度。移动端需额外考虑小字号下的触控目标，推荐使用字重较粗的字体（如400权重）确保辨识度。

1.1.2字体堆叠层级

h1{

font-family:思源黑体,PingFangSC,sans-serif;

font-size:28px;

font-weight:600;

line-height:1.2;

}

h2{

font-family:inherit;

font-size:22px;

font-weight:500;

margin-top:24px;

}

p{

font-family:inherit;

font-size:16px;

font-weight:400;

line-height:1.5;

}

注意字重（font-weight）需与字号形成对比，避免所有层级使用相同字重导致视觉平淡。设计系统需明确各层级字重分布（如h1:600/h2:500/body:400）。

1.1.3字体适配

Web字体加载