Next.js automatically adds
<link rel="preconnect" />after version
preconnectis used with Google Fonts.
A preconnect resource hint was not used with a request to the Google Fonts domain. Adding
preconnect is recommended to initiate an early connection to the origin.
rel="preconnect" to the Google Font domain
<link rel="preconnect" href="https://fonts.gstatic.com" />
Note: a separate link with
dns-prefetch can be used as a fallback for browsers that don't support
preconnect although this is not required.