iView UI参考手册
组件基础
Font 字体
概述
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 |