针对国际化市场的字体选择,支持多语言环境
| 分类 | 样式展示 | 使用场景 |
|---|---|---|
| 主要字体 | Saira Condensed - 字体样式展示 | 网站正文字体 |
| 备选字体 | Roboto Mono - Code Display | 代码场景专用等宽展示字体 |
| 数据展示字体 | Barlow Condensed - 1,234,567 | 数据展示专用,统一使用 Semi-bold (600) 字重,适用于价格、统计数据、计数器等场景 |
定义了三个核心字重,覆盖所有界面文字的层次需求
| 分类 | 样式展示 | 使用场景 |
|---|---|---|
| 常规 (Regular - 400) | 常规文字 Regular Text | 正文、描述 |
| 中等 (Medium 500) | 中等文字 Medium Text | 表单 Label、表头等 |
| 中粗体 (Semi-bold 600) | 中粗体文字 Semi-bold Text | 标题、强调、<strong>标签 |
每个排版层级,字号和行高应成对使用,确保具有良好的视觉效果和可读性
| 分类 | 样式展示 | 组合参数 |
|---|---|---|
| 一级标题 | 标题文字 Heading | 42px / 52px |
| 二级标题 | 标题文字 Heading | 30px / 36px |
| 三级标题 | 标题文字 Heading | 20px / 24px |
| 正文 | 正文内容 Body Text | 16px / 24px |
| 描述信息 | 描述信息 Caption | 14px / 18px |