字体

视觉规范 Visual Guidelines

文字作为承载 App 内信息的最直接容器，它的字体样式应得到足够重视。对于不同语言的文字或不同含义的相同语言文字，都应有针对性的处理。

中文字体使用系统平台默认中文字体。 设计时以 iOS 为标准，使用 iOS 默认字体苹方 (PingFang，下称 “苹方” ) ，苹方字体拥有目前系统默认字体最优秀的可阅读性。 在适配 Andriod 机型时，使用 Andriod 系统默认中文字体思源黑体 (Source Han Sans，在 Google 生态中名为 Noto Sans，下称 “思源黑体” )。

西文文字分为英文及阿拉伯数字 2 种。针对不同情况，会有系统默认西文字体及银联定制金融字体不同字体的应用。

其中，英文字体使用系统默认西文字体。设计时以 iOS 为标准，使用 iOS 默认字体 SF (San Francisco，下称 SF)，SF 能够与苹方字体和谐搭配，保证中英文都具备优秀的可阅读性。 在适配 Andriod 机型时，使用 Android 系统默认西文字体 Roboto。

CSS font-family fallback 规则参考： -apple-system, system-ui, Roboto, “Helvetica Neue”, Helvetica, “PingFang SC”, “Source Han Sans”, “Hiragino Sans GB”, sans-serif;

阿拉伯数字根据情况选使用银联定制金融字体或系统默认英文字体。请遵循以下规则选择西文字体：

本页展示了在 App 当中使用的所有文字样式，包括常用字号字重搭配。

在未来的扩展使用中，请尽量使用该样式表中已有的样式，也请在创造新样式之前思考：该样式是否已真的是一定需要被创造？如果是，请将其添加到样式表当中。

设计系统中的不同字体样式已经定义为对应的CSS类，具体如下：

对设计系统中定义的字体样式进行了封装，可以引用 Label 组件及调整对应的 type 来使用不同的字体。