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 |
当前内容版权归 iviewui.com 或其关联方所有,如需对内容或内容相关联开源项目进行关注与资助,请访问 iviewui.com .