The typeface on nextjs.org is Geist, geistMonoFont and Roboto Mono, loaded across 9 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.
The quick brown fox jumps over the lazy dog
font-family: Geist, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: geistMonoFont, ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'Roboto Mono', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: !important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: Inter, Georgia, 'Times New Roman', serif;
The quick brown fox jumps over the lazy dog
font-family: Georgia, Georgia, 'Times New Roman', serif;
Get Font Info inspected the homepage of nextjs.org and parsed 4 stylesheets totalling 477.2 KB. Inside those stylesheets we found 9 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 89 CSS rules reference them across the page.
Open the live inspector and hover any text on nextjs.org to see the exact font, weight, size and line-height for that element.
Open live font inspector for nextjs.orgnextjs.org uses Geist, geistMonoFont and Roboto Mono as its primary typefaces. These fonts are loaded from a self-hosted webfont, Google Fonts, an unknown source and the operating system and applied across 89 CSS rules on the homepage.
nextjs.org loads its fonts from a self-hosted webfont, Google Fonts, an unknown source and the operating system. Get Font Info detected 9 @font-face declarations across 4 stylesheets on the live page.
nextjs.org loads Geist in 4 weights: 100 900, 400, 500, 700. If you want to match the look, request the same weights from your font host so you only ship what's actually used.
Yes — once you know the font name, you can load it from the same source. If Geist isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Inter, Manrope and DM Sans. Use the CSS snippet on this page as a starting point.
At least one of these fonts is served from Google Fonts, which is free to use under the SIL Open Font License. Self-hosted webfonts may have their own licensing — check the foundry's license before using them on a commercial project.
Compare the typography on nextjs.org with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of nextjs.org. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.
More guides: find a font used on a website, identify fonts from a website, what typeface is this website using, or font checker.