Google 字体预连接

注意：Next.js 在 12.0.1 版本之后会自动添加 <link rel="preconnect" />。

确保与 Google Fonts 一起使用 preconnect。

此错误发生的原因

对 Google 字体域名的请求没有使用预连接资源提示。建议添加 preconnect 以尽早启动到源站的连接。

在 Google 字体域名的 <link> 标签中添加 rel="preconnect"

<link rel="preconnect" href="https://fonts.gstatic.com" />

注意：可以使用带有 dns-prefetch 的单独链接作为不支持 preconnect 的浏览器的备用方案，尽管这不是必需的。