react.dev draws its body text in Source Code Pro and its code in Source Code Pro. That is the only custom font on the page. We measured it on October 21, 2026.
The fonts react.dev draws
| Font | Used for | Share of its custom-font text | Licence | How common |
|---|---|---|---|---|
| Source Code Pro | Body text, Code | 31% | Open source | 3 of 407 sites (rank =22) |
Share is how much of the page’s custom-font text each font draws. System fonts and icon fonts are never counted. Each site was opened twice in a real browser and Chrome was asked which font file drew each piece of text. We count a font for a site only if both runs saw it and it drew at least 2% of the site’s custom-font text. The full method.
Can I use the same fonts?
- Source Code Pro is open source and free to use, including commercially. Get it from Google Fonts.
react.dev among developer tools and infrastructure sites
react.dev is one of the 62 developer tools and infrastructure sites we measured. Across them, Inter is the most used font you can get, on 25 of the 62 (40%). All the fonts developer tools and infrastructure sites use.
What pairing does react.dev use?
react.dev has no heading and body font pair to compare, because no single font clearly leads both. Pairings real sites use.
Other developer tools and infrastructure sites we measured
- posthog.com RoundHog, Source Code Pro
- supabase.com Inter, Manrope, Source Code Pro
- algolia.com Sora, Inter
- angular.dev Inter, DM Mono
- astro.build Obviously, Inter, MD IO
- auth0.com Aeonik, Aeonik Mono
See the fonts on all 407 sites.
FAQ
What font does react.dev use?
react.dev draws its body text in Source Code Pro and its code in Source Code Pro. We measured it on October 21, 2026.
Is Source Code Pro free?
Yes. Source Code Pro is open source and free for commercial use, according to Google Fonts.
What font pairing does react.dev use?
react.dev does not have a clear heading and body pair: no single font leads both.
Can I use the same fonts as react.dev on my own site?
Only if the licence allows it. Free and open-source fonts can be used freely. Commercial fonts need your own licence, even though you can see the file on react.dev. Each font's licence is on this page, from its source.
How do you know which font react.dev uses?
We opened react.dev in a real browser and asked Chrome which font file drew each piece of text, twice in separate sessions. A font counts only if both runs saw it and it drew at least 2% of the site's custom-font text.
Can I check a different website?
Yes. Paste its address into the free font finder.