# 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 // pages/_document.js import Document, { Html, Head, Main, NextScript } from 'next/document' class MyDocument extends Document { render() { return (