系列 · 4 篇
字体性能实战手册
从基本原理出发优化网页字体加载——子集化、预加载、显示策略与 Core Web Vitals。
1
网页性能
网页字体性能：完整优化指南
关于字体性能你需要了解的一切——文件大小、加载策略、渲染阻塞，以及字体如何影响核心网页指标。
2
网页性能
字体子集化：削减 90% 字体文件体积
大多数网页字体包含数千个未使用的字符。学习如何对字体进行子集化，只加载所需内容——大幅削减文件体积。
3
网页性能
字体预加载：优先加载最重要的字体
使用 <link rel=preload> 告诉浏览器哪些字体最重要。减少 FOUT，改善 LCP，并理解预加载何时有帮助、何时有害。
4
网页性能
font-display：swap、fallback、optional 该如何选择
font-display 这个 CSS 描述符控制着字体加载期间用户所看到的内容。每个取值都有取舍——这里介绍如何选择正确的一个。