font inspectorWhat font does Duolingo use?
Duolingo’s type is as recognizable as its owl. The headline face was drawn from the shapes of the mascot’s feathers, and the text face keeps the same soft, rounded corners.
Short answer: Duolingo uses two custom typefaces: Feather Bold, a rounded display face, for headlines, and its own rounded sans serif, named duolingo-sans in the CSS, for everything else.
Duolingo Sans
Self-hosted93.3%- CSS name
duolingo-sans- Weights
- 500, 700
- Sizes
- 32px · 19px · 17px · 15px · 14px · 13px
- Served from
- d35aaqx5ub95lt.cloudfront.net
Feather Bold
Self-hosted6.7%- CSS name
feather- Weights
- 700
- Sizes
- 64px · 48px
- Served from
- d35aaqx5ub95lt.cloudfront.net
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 | Feather Bold | 64px | 700 | normal | -0.02em |
| Body text | Duolingo Sans | 17px | 500 | 1.41 | normal |
| Button | Duolingo Sans | 15px | 700 | 1.15 | 0.053em |
The main font stack in the CSS:
font-family: duolingo-sans, sans-serif;- The headline is set in lowercase, part of the brand’s casual voice.
- Buttons are uppercase, bold and widely tracked, at about 0.053em.
- The fallback is only the generic
sans-serif, so a failed font load changes the look a lot.
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 duolingo.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Duolingo Sans
Duolingo’s rounded text typeface. Body text is set at weight 500, heavier than usual, which keeps the rounded shapes sturdy at small sizes.
Can you use it? It is proprietary. Nunito is a free rounded sans serif on Google Fonts with a very similar friendly tone.
On Google Fonts: Nunito.
Feather Bold
Duolingo’s custom display face, created with the brand agency Johnson Banks. Its letterforms borrow their curves from the owl mascot.
Can you use it? Feather Bold is proprietary. Nunito in its heaviest weights gives headlines a comparable soft, chunky look.
On Google Fonts: Nunito.
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 Nunito, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Duolingo’s brand typeface.
/* Approximates the Duolingo look with a free font */
body {
font-family: "Nunito", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 4rem; /* 64px */
font-weight: 700;
line-height: normal;
letter-spacing: -0.02em;
}
p {
font-size: 1.0625rem; /* 17px */
font-weight: 500;
line-height: 1.41;
}How we checked
We opened duolingo.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.
Duolingo and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Duolingo.
Questions & answers
What font does Duolingo use on its website?
Duolingo uses two custom typefaces: Feather Bold, a rounded display face, for headlines, and its own rounded sans serif, named duolingo-sans in the CSS, for everything else.
Can I use the Duolingo font?
It is proprietary. Nunito is a free rounded sans serif on Google Fonts with a very similar friendly tone.
What is a free font similar to Duolingo Sans?
Nunito 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 Duolingo uses myself?
Open duolingo.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.