Font 字体

概述

View UI(iView) 的 CSS 对字体进行了统一规范,力求在不同平台、浏览器下能显示出其最佳的效果。我们推荐 macOS(iOS)优先的策略,在不支持苹方字体的情况,使用备用字体。

字体预览

  • 中文字体 Font 字体 - 图1
  • 英文字体 Font 字体 - 图2

字体代码

  1. 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