nextjs/no-page-custom-font Correctness

✅ This rule is turned on by default.

What it does

Prevent page-only custom fonts.

Why is this bad?

• The custom font you're adding was added to a page - this only adds the font to the specific page and not the entire application.
• The custom font you're adding was added to a separate component within pages/_document.js - this disables automatic font optimization.

Example

How to use

To enable this rule in the CLI or using the config file, you can use:

CLI

oxlint --deny nextjs/no-page-custom-font --nextjs-plugin

Config (.oxlintrc.json)

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-page-custom-font": "error"
  }
}

References

• Rule Source