2.5.3 字体优化 `next/font`

文档摘要

2.5.3 字体优化 2.5.3 字体优化： Next.js 提供了内置的模块，专门用于优化 Web 应用中的字体加载和渲染，旨在提高 Core Web Vitals 中的 LCP (Largest Contentful Paint) 指标，并提升用户体验。能够自动处理字体文件的预加载、字体显示策略（）、以及 CSS 的生成，简化了开发者手动配置字体优化的过程。为什么需要字体优化？字体是网页设计的重要组成部分，但如果加载不当，会严重影响页面性能。常见问题包括： FOUC (Flash of Unstyled Content): 浏览器先显示默认字体，然后切换到自定义字体，导致页面内容闪烁。