主题
字体 Typography
PingFang SC 为主字体;同步定义字重、字号、行高。
字体族 Font Family
| 系统 | 中文 | 英文 | HIGHLIGHT |
|---|---|---|---|
| Apple | PingFang SC | SF Pro Text | SF Pro Display |
| Windows | Microsoft YaHei | Segoe UI | Segoe UI Display |
| Android | PingFang SC | Source Sans 3 | Source Sans Display |
字重 Weight
Light
300
Regular
400
Medium
500
Semibold
600
字号 Size + 行高 Leading
Size
Leading
Token
Sample
Whereas recognition of the inherent dignity 美餐
Whereas recognition of the inherent dignity 美餐
Whereas recognition of the inherent dignity 美餐
Whereas recognition of the inherent dignity 美餐
Whereas recognition of the inherent dignity 美餐
段落间距 Paragraph
段落间距等于行高一半 — margin-bottom = line-height / 2。这是规则不是 token:组件里直接用 var(--mc-lh-*) 配 calc(... / 2) 即可。
e.g. font-size 16 / line-height 24 / paragraph-gap 12
This is a paragraph with more information about something important. This something has many uses and is made of 100% recycled material.
这是一段中文示例文本,用来演示段落间距规则。行高 24px,段间距 12px = 24 × 0.5。中英混排时基线保持一致。
Token 现状
v2 token 目前覆盖:font-family + 4 档字重(fw-*)+ 5 档字号(fs-*,Phase 1.5 加)+ 5 档行高(lh-*,Phase 1.5 加)。 段落间距是规则而非 token —— 用 calc(var(--mc-lh-24) / 2) 在组件里直接算。