系统字体规范

跨平台字体适配与排版标准

跨平台字体适配方案

中文适配

  • 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

用于注释、说明等次要信息

代码 (Code)

font.css