font inspectorWhat font does Framer use?
Framer’s site shows a common pattern in product design: a distinctive display face for a few big lines, and Inter for everything people actually read.
Short answer: Framer uses Inter for nearly all text, with GT Walsheim for its large headlines and Input Mono for small technical labels.
Inter
Self-hosted84.7%- CSS name
Inter- Weights
- 400, 500, 600, 700
- Sizes
- 20px · 18px · 16px · 15px · 14px · 13px · 12px
- Served from
- framerusercontent.com
Input Mono
Self-hosted8.9%- CSS name
Input Mono Regular- Weights
- 400, 700
- Sizes
- 12px
- Served from
- framerusercontent.com
GT Walsheim
Self-hosted4.6%- CSS name
GT Walsheim Medium- Weights
- 500
- Sizes
- 54px · 44px
- Served from
- framerusercontent.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 | GT Walsheim | 54px | 500 | 1 | -0.04em |
| Body text | Inter | 18px | 400 | 1.35 | -0.011em |
| Button | Inter | 16px | 500 | 1 | -0.012em |
The main font stack in the CSS:
font-family: "Inter Variable", "Inter Variable Placeholder", sans-serif;- Body text sets Inter’s variable axes directly, with
wght440 andopsz18, plus several character variants such ascv01andcv11. - “Placeholder” families in the stack are generated fallback faces that keep the layout stable while fonts load.
- The headline uses the stylistic set
ss02and tight tracking of -0.04em.
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 framer.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Inter
The open source interface typeface by Rasmus Andersson. Framer loads both static and variable versions.
Can you use it? Yes. Inter is free under the SIL Open Font License, from Google Fonts or the Inter project site.
On Google Fonts: Inter.
Input Mono
A monospaced typeface designed for code by David Jonathan Ross. Here it sets small labels.
Can you use it? Input is free for private use and needs a license for publishing. JetBrains Mono is a fully open source alternative.
On Google Fonts: JetBrains Mono.
GT Walsheim
A friendly geometric sans serif from the Swiss foundry Grilli Type, recognizable by its round shapes and distinctive G and R.
Can you use it? GT Walsheim is a commercial typeface. Outfit and DM Sans are free geometric fonts in the same spirit.
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 Framer’s brand typeface.
/* Approximates the Framer look with a free font */
body {
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 3.375rem; /* 54px */
font-weight: 500;
line-height: 1;
letter-spacing: -0.04em;
}
p {
font-size: 1.125rem; /* 18px */
font-weight: 400;
line-height: 1.35;
letter-spacing: -0.011em;
}How we checked
We opened framer.com in Chrome on September 21, 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.
Framer and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Framer.
Questions & answers
What font does Framer use on its website?
Framer uses Inter for nearly all text, with GT Walsheim for its large headlines and Input Mono for small technical labels.
Can I use the Framer font?
Yes. Inter is free under the SIL Open Font License, from Google Fonts or the Inter project site.
How can I check what font Framer uses myself?
Open framer.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.