| 场景 | 字体 | 特殊字体 | 说明 |
|---|---|---|---|
| 中文 | 思源黑体 | 优设标题黑 | 优设标题黑作为特殊字体,可在部分面板标题中使用。 |
| 英文 | Segoe UI | ||
| 数字 | 思源黑体 | 优设标题黑 | 优设标题黑作为特殊字体,可在重要统计数字中使用。 |
| 文字 | 字号 | 字重 | 说明 |
|---|
| h1 | 文字文字 | 44号字 | bold | 极少在页面中使用,但出现重要且少量的统计数据时可小范围使用。 |
| h2 | 文字文字 | 30字号 | bold | 在页面同时出现多组重要统计数据时使用。 |
| h3 | 主标题文字 | 24号字 | bold | 在同一面板同时出现多组统计数据时使用。 |
| h4 | 主标题文字 | 20号字 | bold | 多用于页面标题、功能板块标题等特殊字体。 |
| 副标题文字 | 16/14号字 | regular | -- | |
| h5 | 主标题文字 | 16号字 | regular/bold | 可用于页面标题或弹窗标题字段使用。 |
| 副标题文字 | 14/12号字 | regular | -- | |
| h6 | 主标题文字 | 14号字 | regular/bold | 系统中最常用字号,作为常规性阅读文字,可大量应用于页面中。 |
| 副标题文字 | 12号字 | regular | -- | |
| h7 | 主标题文字 | 12号字 | regular/bold | 可以用于小标签、注释等。 |
| 场景 | 说明 | 示例 |
|---|---|---|
| 单行 | 字体行高设置为100% | 示例示例示例示例示例示例示例示例 |
| 多行 | 行高设置为字号的1.5倍 | 示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例示例 |