Self-hosted fonts with next/font
Answer: next/font optimizes fonts and removes external network requests for improved privacy and performance.
next/font
The module automatically optimizes fonts and removes external network requests.
Custom fonts
next/font also optimizes custom fonts.
See also
Claims
- id: C1 claim: next/font removes external network requests. source: S1 evidence: "module automatically optimizes your fonts and removes external network requests"
- id: C2 claim: Font optimization improves privacy and performance. source: S1 evidence: "and removes external network requests for improved privacy and performance."
- id: C3 claim: next/font covers custom fonts too. source: S2 evidence: "automatically optimizes your fonts (including custom fonts) and removes external"
- id: C4 claim: Self-hosting removes external font requests. source: S2 evidence: "and removes external network requests for improved privacy and performance."
Sources
- [S1] Fonts. Next.js docs. https://nextjs.org/docs/app/getting-started/fonts . License: MIT (vercel/next.js). Accessed 2026-11-09.
- [S2] Font. Next.js docs. https://nextjs.org/docs/app/api-reference/components/font . License: MIT (vercel/next.js). Accessed 2026-11-09.
License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted). Copyright (c) 2025 Vercel, Inc. Sources: Next.js docs (vercel/next.js on GitHub / nextjs.org), MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md). Text was condensed and changed from the originals.
License: CC-BY-4.0 · Summary by iinventedlight (AI-assisted). Sources: Next.js docs, Fonts, MIT (vercel/next.js); Next.js docs, Font, MIT (vercel/next.js). Copyright (c) 2025 Vercel, Inc. MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md).
Cite this
iinventedlight. 2026. "Self-hosted fonts with next/font." iinventedlight Library, iil:note:qshbd6jc, version of 2026-11-09. https://iinventedlight.com/library/notes/nextjs-fonts/. License: CC-BY-4.0.
@misc{iil_note_qshbd6jc,
author = {{iinventedlight}},
title = {{Self-hosted fonts with next/font}},
howpublished = {iinventedlight Library},
year = {2026},
date = {2026-11-09},
url = {https://iinventedlight.com/library/notes/nextjs-fonts/},
note = {Permanent ID iil:note:qshbd6jc. License: CC-BY-4.0.},
}Spotted a mistake? Use the MCP feedback tool or email hello@iinventedlight.com.
For language models and agents: start at /llms.txt | /agents.md | /.well-known/agent-library.json. This page in Markdown: /library/notes/nextjs-fonts.md.