文本
VISTA B 的文字先保证读得清楚。设计稿里指定字体，真实页面交给设备系统字体处理，减少不同设备上的显示问题。
字体
设计稿字体只用于设计稿标注，开发时不要强行写死。
| 内容 | 设计稿字体 |
|---|---|
| 中文 | 微软雅黑 |
| 日文 | 游哥特 / Yu Gothic |
| 英文和数字 | Arial |
真实页面优先使用设备自己的系统字体，比如 Android、iOS、Windows、macOS 和浏览器默认字体。
字号和颜色
后台页面的文字层级尽量少，先用下面这几档。
一级标题
#001A26 · 16px · bold二级标题
#001A26 · 14px · normal三级标题
#334851 · 12px · normal正文
#334851 · 12px · normal辅助文字
#66767D · 12px · normal占位 / 失效文字
#99A3A8 · 12px · normal链接文字
#13AEC5 · 12px · normal字重
| 名称 | CSS |
|---|---|
| Light | lighter |
| Regular | normal |
| Bold | bold |
只在标题、关键字段和需要强调的短文本上使用 bold。普通说明文字不要靠加粗撑场面。
行高
| 名称 | 行高 |
|---|---|
| Lineheight-1 | 1 |
| Lineheight-2 | 1.3 |
| Lineheight-3 | 1.5 |
| Lineheight-4 | 1.7 |
- 单行标题或按钮文字用
1。 - 表格、表单、短说明优先用
1.3。 - 多行正文优先用
1.5。 - 很长的说明文字可以用
1.7，让眼睛轻松一点。