本文主要探讨设计系统中结构性文字的字号设定，包括Web端和移动端的统一说明。强调字号与字重的配合，指出设计系统字号范围从10px到36px，并基于网格系统设定倍率。基础字号推荐为14px，特殊情况可选择16px。Web端最小字号通常为12px，行高与12px或14px保持一致。
本篇只针对 结构性文字（UI 构成的文字部分 及 段落 等） 进行说明，装饰性文字（Banner 等） 及 指标板数值 等特殊形态的文字部分不需遵循字号设定，但是涉及到 结构性 的部分，建议遵循网格系统，这样有助于进行响应适配。
结构性文字分为 Web 端 及 移动端 两部分，字号设置差别较小，所以进行统一说明。
字号的命名与实际使用是存在偏差的，这源于在不同终端及不同情况下的差异性，实际使用需要视情况而定，但多数情况下，我们都是遵循命名进行使用的，它更利于体现结构上的层次。
本篇主要针对 字号（font-size） 设置进行说明，实际应用时需要搭配 字重（font-weight）。
我们的设计系统字号范围从 10px 到 36px，基于 网格系统 的转化，则倍率关系是 @2.5x 到 @9x，其中 10px 字号只出现在 移动端。
无论 Web 端<
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
