https://takao.blog/zh/tags/fonts/Recent content in Fonts on Commentary of TakaoHugo -- gohugo.iozhCommentary of TakaoWed, 15 Jul 2026 22:01:08 +0900https://takao.blog/zh/web/performance-fonts-loading-optimization/Sun, 15 Mar 2026 00:00:00 +0900https://takao.blog/zh/web/performance-fonts-loading-optimization/<img src="https://takao.blog/img/thumbnail/performance-fonts-loading-optimization-zh.png" alt="Featured image of post 优化网页字体加载：防止 FOUT 和 FOIT" /><h2 id="介绍">介绍 </h2><p>网络字体增强了设计，但需要付出代价。加载自定义字体时，浏览器必须决定：显示不可见文本（<strong>FOIT</strong> - 不可见文本的 Flash）或显示后备字体（<strong>FOUT</strong> - 无样式文本的 Flash）。任一选择都会影响 <strong>CLS（累积布局偏移）</strong> 和用户体验。本文介绍了可靠加载字体同时最小化布局变化的策略。</p>