Typography 字体令牌

字体族

针对国际化市场的字体选择,支持多语言环境

分类样式展示使用场景
主要字体
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