What font does nextjs.org use?

The typeface on nextjs.org is Geist Mono, GeistSans and GeistSans Fallback, loaded across 8 @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.

Primary font
Geist Mono
Total weights
1
@font-face
8
Source
Mixed

Geist Mono

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use Geist Mono

font-family: 'Geist Mono', ui-monospace, SFMono-Regular, monospace;

@font-face source

woff2https://nextjs.org/_next/static/immutable/media/5ce348bf30bf5439.27spqqad3wyeo.woff2

Get this font

Geist Mono
Open source
Vercel

Free monospace counterpart to Geist.

Get Geist Mono from Vercel

Free alternatives if you can't license Geist Mono

JetBrains MonoGoogle Fonts

Closest free swap for product UI.

Open
IBM Plex MonoGoogle Fonts

More distinctive alternative.

Open
Fira CodeGoogle Fonts

Mono with ligatures.

Open
Used by 1 selector on the page

GeistSans

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

100 900Typography sets the voice of a brand

CSS to use GeistSans

font-family: GeistSans, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

@font-face source

woff2https://nextjs.org/_next/static/immutable/media/Geist_Variable-s.p.2v-cf9syxr5ni.woff2

Get this font

GeistSans
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GeistSans

Free alternatives if you can't license GeistSans

InterGoogle Fonts

Same neutral grotesque genre, broader weight range.

Open
ManropeGoogle Fonts

Slightly warmer alternative.

Open
DM SansGoogle Fonts

Tighter, more mechanical sibling.

Open
Used by 1 selector on the page

GeistSans Fallback

Custom web font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use GeistSans Fallback

font-family: 'GeistSans Fallback', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Get this font

GeistSans Fallback
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for GeistSans Fallback

Free alternatives if you can't license GeistSans Fallback

InterGoogle Fonts

Same neutral grotesque genre, broader weight range.

Open
ManropeGoogle Fonts

Slightly warmer alternative.

Open
DM SansGoogle Fonts

Tighter, more mechanical sibling.

Open
Used by 0 selectors on the page

!important

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use !important

font-family: !important, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;

Get this font

!important
Commercial

Looks like a custom or commercial web font. Try MyFonts for licensing.

Search for !important

Free alternatives if you can't license !important

InterGoogle Fonts

Safe, neutral free sans-serif that works in nearly any layout.

Open
ManropeGoogle Fonts

Slightly warmer humanist alternative.

Open
DM SansGoogle Fonts

Cleaner geometric sibling.

Open
Used by 6 selectors on the page

Inter

Unknown source

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Inter

font-family: Inter, Georgia, 'Times New Roman', serif;

Get this font

Inter
Open source
Rasmus Andersson

Free for any use under the SIL Open Font License.

Get Inter from Rasmus Andersson

Free alternatives if you can't license Inter

ManropeGoogle Fonts

Same neutral grotesque skeleton, slightly warmer terminals.

Open
DM SansGoogle Fonts

Closely matched x-height and aperture, a touch more geometric.

Open
GeistOpen source

Vercel's open-source grotesque, virtually interchangeable for product UI.

Used by 1 selector on the page

Georgia

System font

The quick brown fox jumps over the lazy dog

Weights loaded (1)

400Typography sets the voice of a brand

CSS to use Georgia

font-family: Georgia, Georgia, 'Times New Roman', serif;

Get this font

Georgia
System font
Microsoft (Matthew Carter)

Bundled with Windows and macOS.

Get Georgia from Microsoft (Matthew Carter)

Free alternatives if you can't license Georgia

LoraGoogle Fonts

Free web serif with similar warmth and readability.

Open
MerriweatherGoogle Fonts

Heavier alternative with better screen rendering.

Open
Source Serif 4Google Fonts

Cleaner contemporary alternative.

Open
Used by 1 selector on the page

How nextjs.org loads its fonts

Get Font Info inspected the homepage of nextjs.org and parsed 6 stylesheets totalling 495.3 KB. Inside those stylesheets we found 8 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from mixed, and 96 CSS rules reference them across the page.

Check the font on a specific element

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.org

Frequently asked questions

What font does nextjs.org use?

nextjs.org uses Geist Mono, GeistSans and GeistSans Fallback as its primary typefaces. These fonts are loaded from a self-hosted webfont, an unknown source and the operating system and applied across 96 CSS rules on the homepage.

Where does nextjs.org load its fonts from?

nextjs.org loads its fonts from a self-hosted webfont, an unknown source and the operating system. Get Font Info detected 8 @font-face declarations across 6 stylesheets on the live page.

What weights of Geist Mono does nextjs.org use?

nextjs.org loads Geist Mono in 1 weight: 100 900. If you want to match the look, request the same weights from your font host so you only ship what's actually used.

Can I use the same font as nextjs.org on my website?

Yes — once you know the font name, you can load it from the same source. If Geist Mono isn't a fit (licensing, weight selection, look-and-feel), close alternatives include JetBrains Mono, IBM Plex Mono and Fira Code. Use the CSS snippet on this page as a starting point.

Is the font on nextjs.org free to use?

These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.

See fonts used by other sites

Compare the typography on nextjs.org with how other well-known sites load and use their fonts.

About this page

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.