定义

字体是UI设计中最基本的构成之一。字体系统的建立主要解决的是内容可读性以及信息的表达,同时选择不同的字体传达不同的设计风格。通过定义字体的使用规则在设计上达到统一性和整体性,从而在阅读的舒适性上达到平衡。

设计目标

用户通过文本来理解内容和完成工作,科学的字体系统将大大提升用户的阅读体验及工作效率。

字体

Font-family:(回退机制)
有购买版权字体的企业通过购买的字体库或者免费的字体间进行选择使用。使用免费字体前根据系统区分mac or windows,如果用户使用的是mac系统可以优先使用mac默认字体渲染 ;如果使用的是windows,字体兼容性选择顺序:

  1. "Helvetica Neue", Helvetica, Tahoma, Arial, "PingFang SC", "Microsoft YaHei"

image.png

字号

常用字体尺寸使用需仔细考虑业务场景,不常用字体尺寸多用于运营场景:
image.png


字体行高

image.png


字体字重

常规体常用于正文阅读场景,请勿在正文场景大量使用中黑体及细体。
image.png