Font 字体
概述
View UI(iView) 的 CSS 对字体进行了统一规范,力求在不同平台、浏览器下能显示出其最佳的效果。我们推荐 macOS(iOS)优先的策略,在不支持苹方字体的情况,使用备用字体。
字体预览
- 中文字体
- 英文字体
字体代码
font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;
字体使用规范
中文字体 | 示例 | 粗细 | 颜色 | 字号 |
主标题 | 我是标题 | 加粗 | #464c5b | 16px |
次级标题 | 我是标题 | 加粗 | #464c5b | 14px |
小标题 | 我是标题 | 加粗 | #464c5b | 12px |
正文 | 我是正文 | 默认 | #657180 | 12px |
辅助文字 | 我是辅助文字 | 默认 | #9ea7b4 | 12px |
失效文字 | 我是失效文字 | 默认 | #c3cbd6 | 12px |
链接文字 | 我是链接文字 | 默认 | #3399ff | 12px |
英文字体 | 示例 | 粗细 | 颜色 | 字号 |
Main Head | This is an example | bold | #464c5b | 16px |
Sub Head | This is an example | bold | #464c5b | 14px |
Small Head | This is an example | bold | #464c5b | 12px |
Text | This is an example | normal | #657180 | 12px |
Help | This is an example | normal | #9ea7b4 | 12px |
Disabled | This is an example | normal | #c3cbd6 | 12px |
Link | This is an example | normal | #3399ff | 12px |