No Page Custom Font

A custom font was loaded via a <link> tag inside an individual page component instead of in the _document.js file. Fonts added per-page are re-requested on every client-side navigation. Move global font <link> tags to the <Head> inside _document.js so they are loaded once for the entire application, or use the next/font module for automatic self-hosting and optimization.

References

nextjs.org/docs/messages/no-page-custom-font
nextjs.org/docs/app/api-reference/components/font

In this namespace

← previous no-img-element No img Element next → no-sync-scripts No Sync Scripts

missing-suspense-with-csr-bailout next-image-unconfigured-host next-script-for-ga no-html-link-for-pages no-img-element no-page-custom-font no-sync-scripts no-title-in-document-head no-typos no-unwanted-polyfillio react-hydration-error