- 术语解释：The Web Font Loading Glossary—zachleat.com
- 几种字体加载策略：A Comprehensive Guide to Font Loading Strategies—zachleat.com
- 防止 FOUT 和 FOIT 的库：eBay/ebay-font: A small utility to efficiently load custom web fonts
- FontFaceSet 的 fallback：bramstein/fontfaceobserver: Webfont loading. Simple, small, and efficient.
FOIT
Flash of Invisible Text
网络字体会阻塞最多 3 秒的页面加载，超过则则切换为 FOUT。
注意：某些 WebKit 并没有最大的 FOIT 超时，这意味着有可能因为网络字体导致页面无法加载。
FOUT
Flash of Unstyled Text
网络字体超时（通常 3 秒） fallback 到系统字体。
注意：改变字体会造成 repaint/reflow，影响性能。
在线演示
模拟 FOIT 和 FOUT 的行为。
注
根据我的测试最新的 Chrome 默认 FOIT 时间非常短（可以通过设置font-display: block延长），Firefox 默认 FOIT 依然是大约 3 秒。