用户打开页面，最先感受到的通常是字体。字重、字间距和行高一起决定阅读是否轻松。一套合适的中文字体，能让标题更醒目，正文更好读，品牌形象也更稳定。
不少团队一直用系统默认字体，省事，但问题也在这里。Windows、macOS、Android 和 iOS 的默认中文字体各不相同，同一个页面在不同设备上的版面可能差别很大。想统一视觉，就得自己引入字体文件，阿里云字体库是常被拿来用的选项之一。
阿里云字体库里有什么
阿里云字体库主要收录阿里巴巴推出的字体，比较多人熟悉的是阿里巴巴普惠体和阿里妈妈数黑体。普惠体字形偏现代，字重比较齐，放在正文和界面文字里比较自然。数黑体笔画厚实，适合标题和促销海报。具体的字体清单和版本会更新，选用前还是以官网公告为准，别凭记忆挑。
字体库大致有两种用法。一种是下载字体文件，设计师在本地排版时使用。另一种是通过 CDN 在网页里按需加载，网站和小程序接入起来更省事，不用自己托管字体文件。两种方式各有麻烦点，选哪种先看项目是做设计稿还是做线上页面。
选字体前先看授权
字体出问题，大多出在授权上。同一套字体，个人使用、内部使用和商业发布的条款可能完全不同，很多人是用到一半才发现不能这么用。选用前可以逐条核对：
- 使用范围：商业产品、广告物料、软件内嵌分别是否允许。
- 分发方式：字体文件能否打进 App 安装包，或放进开源项目的仓库。
- 版本与更新：条款是否随版本变化，升级后旧版本还能不能继续用。
条款看不明白时，直接向字体提供方确认，别自己猜。猜错的代价通常比确认一次高得多。
案例一：企业官网如何统一字体
下面是一个假设场景，只用来说明思路。某家做工业设备的中型企业，官网原来宋体、微软雅黑和浏览器默认字体混着用，首页标题和正文风格对不上。设计团队想用阿里巴巴普惠体统一正文，标题换成阿里妈妈数黑体。
技术人员主要做了三件事：
- 按页面实际用到的字符做子集化，只保留网站里出现的汉字和符号，文件体积因此小了很多。
- 在 CSS 里用 @font-face 声明字体，并设置 font-display: swap。文字先用系统字体显示，字体加载完再替换，页面不会长时间空白。
- 标题和正文各自定义字重，不在页面里随手叠加粗体。字重一多，层级很容易乱。
改完后，团队分别在桌面端和手机端检查了一遍，重点看标题换行和按钮文字有没有溢出。手机上原本会被截断的导航文字，调整字号和字间距后就正常了。这一步最容易被跳过，但字体换了之后，版面几乎一定要重新看。
案例二：记账 App 的字重取舍
另一个假设场景是一款记账类 App。开发者希望金额数字醒目，备注和日期则保持轻一点。他们只从字体库里取了两个字重，较粗的一档给金额和标题，较细的一档给备注和日期。
字重少，有两个直接好处。字体文件少，包体增加得少，启动受的影响也小。界面层级也清楚，用户能很快找到关键数字。团队还在 Android 低端机上测了加载时间，确认字体未加载出来时，回退到系统字体的效果可以接受。
使用时常遇到的问题
字体文件太大怎么办
中文字符多，完整字库的体积不小。优先做子集化，或者只加载当前页面真正用到的字重。每多一档字重，都是实打实的下载量。
切换字体时页面闪动怎么办
字体加载前后切换，文字容易跳动。可以用 font-display 控制显示策略，再让回退字体的字宽尽量接近目标字体，跳动会轻很多。
能不能直接用在印刷物料上
这要看具体授权条款。海报、包装和出版物都是常见的印刷用途，正式付印前，先确认授权明确覆盖这些用途。
上线前的检查清单
- 确认字体的商用范围和分发方式，和实际业务用途对得上。
- 在目标设备和浏览器上测试标题、按钮和长段落，重点看换行和溢出。
- 查看字体文件的加载时间，以及字体未加载时的回退效果。
- 记下所用字体的版本号，字体升级时才知道要复查哪些页面。
