---
url: /docs/guide/usage/linter/rules/nextjs/no-page-custom-font.md
---
### 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.
### Examples
Examples of **incorrect** code for this rule:
```jsx
// pages/index.jsx
import Head from "next/head";
function IndexPage() {
return (
);
}
export default IndexPage;
```
Examples of **correct** code for this rule:
```jsx
// pages/_document.jsx
import NextDocument, { Html, Head } from "next/document";
class Document extends NextDocument {
render() {
return (
);
}
}
export default Document;
```
## How to use
## Version
This rule was added in v0.3.3.
## References