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 的浏览器的回退，尽管这不是必需的。