字体加载策略的综合指南

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您的旅程各个阶段提供云产品。 立即开始使用 $200 免费额度!

哇!

我们一直在等待 Zach Leatherman 的帖子。 这将是您在字体加载方面进行技术和 UX 选择时的不二选择。

Zach 对比了 11 种当前(和未来)的网页字体加载技术,所有技术都有实时演示。 他清楚地列出了每种技术的优缺点,但没有写成小说。 最有价值的是,他提供了每种技术的结论,让您知道该技术是否达到标准。

宣布了获胜者,但实现起来相当棘手。 它需要在头部加载的“非常小的罗马网页字体子集”作为数据 URL,使用 sessionStorage 缓存,并通过类名观察并分阶段加载。 “基本标准”是“带类的 FOUT”(消除了危险的 FOIT),如果您真的不喜欢 FOUT,还可以选择其他方案。

还宣布了一个未来的获胜者。

直接链接 →