What font does Vercel use?
Geist was designed for developers and released as open source in 2023. Vercel’s own site is the best specimen of it: large, tightly spaced headlines and small, quiet interface text.
Short answer: Vercel uses its own open source typefaces: Geist for headlines and text and Geist Mono for code and labels, both as variable fonts served from vercel.com.
Geist
Self-hosted90.4%- CSS name
GeistSans- Weights
- 400, 450, 500
- Sizes
- 64px · 56px · 24px · 16px · 14px · 11px
- Served from
- vercel.com
Geist Mono
Self-hosted9.6%- CSS name
Geist Mono- Weights
- 400, 500
- Sizes
- 14px · 12px · 11px
- Served from
- vercel.com
Sizes, weights and spacing by role
These are computed values from the live page, which is what the Font Inspector panel shows when you click each element.
| Role | Font | Size | Weight | Line height | Letter spacing |
|---|---|---|---|---|---|
| Headline | Geist | 64px | 400 | 1 | -0.06em |
| Navigation | Geist | 14px | 400 | 1.43 | normal |
| Button | Geist | 14px | 400 | 1.43 | normal |
The main font stack in the CSS:
font-family: GeistSans, "GeistSans Fallback";- The headline is regular weight with very tight tracking, about -0.06em, and a line height of 1.
GeistSans Fallbackis a generated fallback face with adjusted metrics. It is whatnext/fontadds so text does not jump when the web font arrives.- The CSS sets OpenType features on all text:
rligandss11on, and contextual alternates (calt) off. - Weight 450 appears in the interface, a step that only a variable font can provide.
Check any site yourself in one click.
Sites change their type without notice. Font Inspector shows the rendered font, size, weight and spacing of any text on vercel.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Geist
A geometric, Swiss-inspired sans serif created by Vercel in collaboration with Basement Studio, built for interfaces and developer tools.
Can you use it? Yes. Geist is free under the SIL Open Font License. It is available on Google Fonts and as the geist npm package, which is how most Next.js projects load it.
Geist Mono
The monospaced companion to Geist, used for code, commands and small technical labels.
Can you use it? Also open source under the SIL Open Font License, from the same places as Geist.
On Google Fonts: Geist Mono, JetBrains Mono.
Finding a font does not license it. More in how to get a font you found, legally.
Get a similar look with a free font
This starter uses Inter, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Vercel’s brand typeface.
/* Approximates the Vercel look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 4rem; /* 64px */
font-weight: 400;
line-height: 1;
letter-spacing: -0.06em;
}How we checked
We opened vercel.com in Chrome on September 20, 2026 and read the computed styles of its visible text: the declared font stack, the font actually rendered, and how much of the page’s text each family sets. That is the same data the Font Inspector extension shows under Fonts on this page. We re-check these pages periodically, and the date above shows the last inspection.
Vercel and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Vercel.
Questions & answers
What font does Vercel use on its website?+
Vercel uses its own open source typefaces: Geist for headlines and text and Geist Mono for code and labels, both as variable fonts served from vercel.com.
Can I use the Vercel font?+
Yes. Geist is free under the SIL Open Font License. It is available on Google Fonts and as the geist npm package, which is how most Next.js projects load it.
What is a free font similar to Geist?+
Inter is free on Google Fonts and gives a similar feel. No free font is an exact match, so compare it with your own text first.
How can I check what font Vercel uses myself?+
Open vercel.com, then click any text with the Font Inspector extension, or right-click, choose Inspect and look at Rendered Fonts in the Computed tab. Sites change their typography, so checking the live page is the only way to be sure.