tailwindcss.com · Captured October 9, 2026
What font does Tailwind CSS use?inter & plexMono
Tailwind CSS's homepage uses inter for 60.1% of its text, alongside plexMono. Captured from tailwindcss.com on October 9, 2026. Tailwind CSS serves inter itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
Free with an account · Chrome, Edge & Brave · reads a page only when you click
inter
Self-hosted (@font-face) · weights 400, 500, 600, 700
60.1% of text
plexMono
Self-hosted (@font-face) · weights 400, 500, 600
39.9% of text
Tailwind CSS's type scale.
Each text style on the homepage, set in its own size and weight on the page's own copy. Shown in your fallback font if you don't have it installed.
Heading 1
inter · 400
96px / 96px · -4.8px
Rapidly build modern websites without ever leaving your HTML
Heading 2
inter · 500
40px / 40px · -2px
Supported by the best.
Display
inter · 500
24px / 40px
Filters
Heading
inter · 500
20px / 40px
Cascade layers
Subheading
inter · 500
16px / 28px
Real-time frame rate
Heading 3
inter · 600
14px / 28px
Resources
Code
plexMono · 500
14px / 28px
dark:
Body
plexMono · 400
12px / 24px
text-8xl
Button
inter · 400
12px / 20px
app.css
The inter font stack.
The exact font-family stack the page sets, as plain CSS and as a Tailwind v4 theme.
body {
font-family: inter, "inter Fallback", system-ui;
}@theme {
--font-sans: inter, "inter Fallback", system-ui;
--font-display: plexMono, "plexMono Fallback", monospace;
}Captured from tailwindcss.com on October 9, 2026 by Xtractly's Design System scanner, at 1440px wide in light mode. Sites change — run the extension on the live page for today's values. Xtractly isn't affiliated with Tailwind CSS; names and marks belong to their owners.
Questions
What font does Tailwind CSS use?
Tailwind CSS's homepage uses inter for 60.1% of its text, alongside plexMono. Captured from tailwindcss.com on October 9, 2026.
Is inter free?
Tailwind CSS serves inter itself with @font-face. Check the font's licence before using it — self-hosted fonts are often commercial or custom.
What font size does Tailwind CSS use?
Its main headings are inter at 96px, weight 400. Body text is plexMono at 12px with a 24px line height.
How can I find the font on any website?
Install the Xtractly extension, open any page and press Alt+F: it lists every font in use with its source, weights and the full type scale, and copies the CSS to load it.