--- title: No Page Custom Font --- > Prevent page-only custom fonts. ## Why This Error Occurred - 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. ## Possible Ways to Fix It Create the file `./pages/_document.js` and add the font to a custom Document: ```jsx filename="pages/_document.js" import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { render() { return (