Skip to content

字体 Typography

PingFang SC 为主字体;同步定义字重、字号、行高。

字体族 Font Family

系统中文英文HIGHLIGHT
ApplePingFang SCSF Pro TextSF Pro Display
WindowsMicrosoft YaHeiSegoe UISegoe UI Display
AndroidPingFang SCSource Sans 3Source Sans Display

字重 Weight

Light
300
Regular
400
Medium
500
Semibold
600

字号 Size + 行高 Leading

Size
Leading
Token
Sample
24
32
R-24
Whereas recognition of the inherent dignity 美餐
20
28
R-20
Whereas recognition of the inherent dignity 美餐
16
24
R-16 / M-16
Whereas recognition of the inherent dignity 美餐
14
20
R-14 / M-14
Whereas recognition of the inherent dignity 美餐
12
16
R-12 / S-12
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) 在组件里直接算。