Google Font Preconnect

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

确保 preconnect 与 Google Fonts 一起使用。

为什么会发生此错误

preconnect 资源提示未与对 Google Fonts 域的请求一起使用。建议添加 preconnect 以启动与源站的早期连接。

将 rel="preconnect" 添加到 Google Font 域 <link> 标签

pages/_document.js

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

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