系统字体规范
跨平台字体适配与排版标准
跨平台字体适配方案
中文适配
- Windows:微软雅黑 (Microsoft YaHei)
- Mac/iOS:苹方简体 (PingFang SC)
- Android:系统内嵌字体
英文适配
- Windows:Segoe UI
- Mac:Helvetica Neue
- iOS:San Francisco
- Android:Roboto
字体资源下载
微软雅黑 (Microsoft YaHei)
微软官方字体,随Windows系统自带
苹方简体 (PingFang SC)
苹果官方字体,随macOS/iOS系统自带
苹果开发者字体资源
思源黑体 (Source Han Sans)
开源中文字体,可作为替代方案自由下载使用:
GitHub下载地址
Roboto
Android系统默认字体,开源免费:
Google Fonts下载
其他资源
更多字体资源可访问:
Google Fonts - 免费开源字体集合
Font Squirrel - 商业免费字体
字重规范
中文字重
微软雅黑:
加粗示例 - 登高望远天地阔
常规示例 - 纵横捭阖自从容
苹方简体:
中粗示例 - 山高水长有时尽
常规示例 - 唯我师恩日月长
英文字重
Segoe UI:
Bold - The quick brown fox jumps over the lazy dog
Regular - Pack my box with five dozen liquor jugs
Helvetica Neue:
Medium - Amazingly few discotheques provide jukeboxes
Regular - The five boxing wizards jump quickly
字号与行距规范
H1 标题 - 36px @1.25em
用于页面主标题
H2 标题 - 28px @1.25em
用于章节标题
H3 标题 - 24px @1.4em
用于小节标题
H4 标题 - 21px @1.5em
用于小标题
正文 - 16px @1.6em
用于主要内容
辅助文字 - 14px @1.6em
小号辅助文字 - 12px @1.6em
用于注释、说明等次要信息