Font family
Inter font
Inter is a workhorse sans-serif designed specifically for computer screens. Its tall x-height and open counters make it exceptionally legible at small sizes, which is why it has become the default for modern UI design.
The quick brown fox jumps over the lazy dog 0123456789
Uppercase
Lowercase
Digits
Punctuation
Click any glyph to copy it to your clipboard.
- 100Hamburgevons
- 200Hamburgevons
- 300Hamburgevons
- 400Hamburgevons
- 500Hamburgevons
- 600Hamburgevons
- 700Hamburgevons
- 800Hamburgevons
- 900Hamburgevons
Font Details
- Designer
- Rasmus Andersson
- Foundry
- Unknown
- Source
- Google Fonts
- License
- OFL-1.1
- Category
- sans-serif
- X-height
- high
- Styles
- normal
- Subsets
- latin, latin-ext, cyrillic, greek, vietnamese
- Weights
- 100, 200, 300, 400, 500, 600, 700, 800, 900
- Variable
- Yes
- Popularity
- 99/100
- Tags
- ui, interface, modern, neutral, legible, variable
- wghtmin 100max 900default 400
Character and Use Cases
Inter , Inter reads as precise and engineered. Every letterform is drawn for pixel-perfect rendering at common screen sizes, which is why it has become the default choice for interfaces, dashboards, and design systems. Its tall x-height and generous counters keep it legible at 12 px and above.
Inter is purpose-built for screen interfaces. It handles dense data tables, navigation menus, and long-form documentation equally well. Use Regular (400) for body copy, SemiBold (600) for UI labels, and Bold (700) for section headings. The variable weight axis lets you fine-tune the stroke weight across the entire range without switching font files.
Use weights 400 to 600 for body text, 600 to 700 for subheadings, and 700 to 800 for display headings. The Thin (100) and ExtraLight (200) weights are best reserved for decorative large-scale use.
Production Code
Copy-paste into your project. No build step required.
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">Pairings using Inter
View allThe art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlayfair Display + Inter
A classic editorial pairing: high-contrast Playfair Display headings over a neutral Inter body. The contrast between the ornate serif and the technical sans establishes clear hierarchy while remaining highly readable.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSource Serif 4 + Inter
Source Serif 4 headings over Inter body, a quiet, professional pairing that scales from documentation to long-form articles. Both fonts have optical-size axes, so headings retain their crispness at any scale.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSpace Grotesk + Inter
Space Grotesk headlines over Inter body, a contemporary tech-forward pairing. Space Grotesk's quirky a and g give the brand personality, while Inter keeps the body neutral and legible.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewFraunces + Inter
Fraunces headlines over Inter body, a contemporary luxury editorial pairing. Fraunces' variable optical sizing and soft axis let headings move from text to display while staying coherent.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewManrope + Inter
Manrope headlines over Inter body, a refined SaaS pairing. Both are modern geometric sans-serifs with subtly different personalities.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewJetBrains Mono + Inter
JetBrains Mono headlines over Inter body, a developer-focused pairing that signals technical credibility. Monospace headings read as 'code-aware'; Inter keeps prose legible.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewInter + Merriweather
Inter headlines over Merriweather body, an inverse editorial pairing. Sans-serif headings bring modern clarity; slab-serif body sustains long-form reading.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewPlus Jakarta Sans + Inter
Plus Jakarta Sans headings over Inter body. A geometric sans for warm, rounded titles paired with a neutral UI sans for high-density body.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewBitter + Inter
Bitter headings over Inter body. A slab serif tuned for screen reading sits on top of the most legible UI sans available.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSpace Mono + Inter
Space Mono headings over Inter body. A retro-futuristic monospace for titles and a clean UI sans for prose. Common in developer tools and tech brands.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewLora + Inter
Lora headings over Inter body. A calligraphic serif gives titles warmth; Inter keeps long body runs crisp and neutral.
The art of typography
Good typography is the visible voice of design, quiet when it should be, loud when it must.
PreviewSpectral + Inter
Spectral headings over Inter body. A variable serif built for screens on top of a neutral UI sans. A practical pairing for editorial SaaS sites and documentation hubs that want serif titles without losing readable UI body.
Inter as a free alternative
Inter appears in our alternatives guides for these commercial fonts. Each guide includes a similarity note and use-case comparison.
Helvetica is the canonical neo-grotesque sans-serif, used ubiquitously in signage and corporate identity. These open-source alternatives approximate its neutral, structured character with varying fidelity.
Compare alternativesFrequently Asked Questions
- Why does Inter look different from other sans-serifs at small sizes?
- Inter's designer, Rasmus Andersson, specifically optimised the letterforms for subpixel rendering at screen densities. This includes slightly larger apertures and adjusted stem widths compared to typefaces designed primarily for print.
- Can I use Inter for print work?
- Technically yes, Inter ships with a full Latin-extended character set. However, its design is optimised for screen use, so for print you may prefer a typeface with more refined hairline strokes and higher contrast.
- How does Inter compare to system-ui?
- system-ui is a CSS fallback that resolves to the operating system's default UI font. Inter is a deliberate, designed choice that looks consistent across every OS, whereas system-ui varies by platform.
Test Inter in the playground
Drop Inter into the typography playground, mix it with another family, and check contrast on real text.