字体排版指南
模数字号比例(比率1.25)
xs / 0.64rem说明文字
sm / 0.8rem小正文
base / 1rem正文(16px)
lg / 1.25rem引导文字
xl / 1.563remHeading 3
2xl / 1.953remHeading 2
3xl / 2.441remH1
行距规则
| 场景 | 行距 | 原因 |
|---|---|---|
| 正文/段落 | 1.5 – 1.7 | 长文本最佳可读性 |
| 标题(H1-H3) | 1.1 – 1.3 | 紧凑但不拥挤 |
| UI标签/说明 | 1.2 – 1.4 | 短文本,紧凑间距可接受 |
| 代码块 | 1.5 – 1.6 | 辅助行扫描 |
经典字体搭配
| 标题字体 | 正文字体 | 风格感 |
|---|---|---|
| Playfair Display | Source Sans 3 | 编辑、奢华 |
| Montserrat | Merriweather | 现代、专业 |
| Inter | Inter | 干净、科技、UI |
| Space Grotesk | DM Sans | 初创公司、当代 |
| Raleway | Lato | 优雅、亲切 |
| Noto Serif SC | Noto Sans SC | 中文内容、简洁 |