font inspectorWhat font does Dribbble use?
A design community running on a free font is a good reminder that open source type can carry a brand. Dribbble uses five weights of one family and nothing else.
Short answer: Dribbble sets its entire site in Mona Sans, the open source variable typeface released by GitHub.
Mona Sans
Self-hosted100%- CSS name
Mona Sans- Weights
- 400, 500, 600, 700, 800
- Sizes
- 52px · 16px · 14px · 13px · 12px
- Served from
- cdn.dribbble.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 | Mona Sans | 52px | 600 | 1.2 | normal |
| Navigation | Mona Sans | 14px | 600 | 2.14 | normal |
| Small text | Mona Sans | 14px | 500 | 1.4 | normal |
The main font stack in the CSS:
font-family: "Mona Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;- Interface text enables the stylistic set
ss01, which swaps in alternate letter shapes. - The page also requests WF Visual Sans files, Webflow’s typeface, from Dribbble’s CDN, though no visible text used it when we looked.
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 dribbble.com or anywhere else, and lists every font on the page. Free, no account.
About the fonts, and whether you can use them
Mona Sans
A strong, versatile grotesque made for GitHub with Degarism Studio and released as open source in 2022.
Can you use it? Yes. Mona Sans is free under the SIL Open Font License, on Google Fonts and in GitHub’s mona-sans repository.
On Google Fonts: Mona Sans.
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 Mona Sans, which is open source, with the sizes and spacing measured above. It is an approximation, not a copy of Dribbble’s brand typeface.
/* Approximates the Dribbble look with a free font */
body {
font-family: "Mona Sans", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
}
h1 {
font-size: 3.25rem; /* 52px */
font-weight: 600;
line-height: 1.2;
}How we checked
We opened dribbble.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.
Dribbble and its typefaces are trademarks of their respective owners. Font Inspector is not affiliated with Dribbble.
Questions & answers
What font does Dribbble use on its website?
Dribbble sets its entire site in Mona Sans, the open source variable typeface released by GitHub.
Can I use the Dribbble font?
Yes. Mona Sans is free under the SIL Open Font License, on Google Fonts and in GitHub’s mona-sans repository.
How can I check what font Dribbble uses myself?
Open dribbble.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.