NEXTJS_USE_NEXT_FONT
Last updated March 4, 2025
Conformance is available on Enterprise plans
This rule is available from version 1.1.0.
automatically optimizes fonts and removes external network requests for improved privacy and performance.
By default, this rule is disabled. Enable it by customizing Conformance.
This means you can optimally load web fonts with zero layout shift, thanks to the underlying CSS size-adjust property used.
For further reading, see:
- https://nextjs.org/docs/basic-features/font-optimization
- https://nextjs.org/docs/pages/api-reference/components/font
- https://www.lydiahallie.io/blog/optimizing-webfonts-in-nextjs-13
This rule will catch the following code.
Replace any at-rules and elements that are caught by this rule with .
Was this helpful?