字体加载

浏览器在加载字体的时候会分为三个阶段：

1. 阻塞：不加载字体，等待网络字体下载；
2. 交换：用其他字体渲染；
3. 失败：如果一段时间内没有下载好字体，则不再加载

通过 CSS 字体册，可以控制它的行为：

• font-display: block 使阻塞阶段较长（不超过 3 秒）且没有失败阶段
• font-display: swap 使阻塞阶级较短（不超过 100 毫秒）且没有失败阶段
• font-display: fallback 使阻塞阶段较短，交换阶段在 3 秒左右，然后进入失败阶段（最推荐）
• font-display: optional 使阻塞阶段较短，没有交换阶段，直接进入失败阶段（针对某些小的提升）