The typeface on tailwindcss.com is inter, plexMono and source, loaded across 24 @font-face declarations. Every font family, weight and source on this page is read straight from the live CSS — no image guessing, no machine learning, just the rules the browser used.
The quick brown fox jumps over the lazy dog
font-family: inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: plexMono, ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: source, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: ubuntuMono, ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono MediumItalic S.p.0i6~4uf Vfrr', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono S.p.0ruh16q M63mu', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono S.p.1415hm2grr Xe', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono S.p.15oe4fv9c Bbx', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono S.p.182ynbf68e 7x', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'IBMPlexMono SemiBoldItalic S.p.0.skgl0kdzuzk', ui-monospace, SFMono-Regular, monospace;
The quick brown fox jumps over the lazy dog
font-family: 'inter Fallback', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
The quick brown fox jumps over the lazy dog
font-family: 'InterVariable S.p.0lyls.rsx6v21', system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
Get Font Info inspected the homepage of tailwindcss.com and parsed 2 stylesheets totalling 677.0 KB. Inside those stylesheets we found 24 @font-face declarations — the rules a browser uses to download and register a custom typeface. The primary typefaces are served from custom web font, and 13 CSS rules reference them across the page.
Open the live inspector and hover any text on tailwindcss.com to see the exact font, weight, size and line-height for that element.
Open live font inspector for tailwindcss.comtailwindcss.com uses inter, plexMono and source as its primary typefaces. These fonts are loaded from a self-hosted webfont and applied across 13 CSS rules on the homepage.
tailwindcss.com loads its fonts from a self-hosted webfont. Get Font Info detected 24 @font-face declarations across 2 stylesheets on the live page.
tailwindcss.com loads inter in 4 weights: 100 900, 400, 500, 600. If you want to match the look, request the same weights from your font host so you only ship what's actually used.
Yes — once you know the font name, you can load it from the same source. If inter isn't a fit (licensing, weight selection, look-and-feel), close alternatives include Manrope, Geist and DM Sans. Use the CSS snippet on this page as a starting point.
These fonts are self-hosted webfonts. They may be licensed commercially from a type foundry, custom-made for the brand, or freely available — you would need to identify the typeface and check its license at the foundry.
Compare the typography on tailwindcss.com with how other well-known sites load and use their fonts.
This page lists the fonts loaded by the homepage of tailwindcss.com. Get Font Info reads the live CSS — every @font-face rule, every font-family declaration — so you see the exact fonts the browser used, not an image-based guess.
More guides: discover fonts used on a site, identify a font from a website URL, see what fonts a website uses, or online font checker.