Inter
Pairingsans-serif
CompareUse-case scenarios
Large Display
The quick brown fox jumps over the lazy dog
Typography Scale
Heading 1 (48px)
The quick brown fox jumps over the lazy dog
Heading 2 (36px)
The quick brown fox jumps over the lazy dog
Heading 3 (24px)
The quick brown fox jumps over the lazy dog
Body Text (16px)
The quick brown fox jumps over the lazy dog. Good body type stays out of the way: even color, open counters, and spacing that holds up at 16 pixels on a phone or 12 on a dense dashboard.
Small Text (14px)
The quick brown fox jumps over the lazy dog
Install Lexend
<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=Lexend:wght@100..900&display=swap" rel="stylesheet">Character Set
Uppercase
ABCDEFGHIJKLMNOPQRSTUVWXYZ
Lowercase
abcdefghijklmnopqrstuvwxyz
Numbers & Symbols
0123456789 !@#$%^&*()_+-=[]{}|;':",./<>?
Works well with
Fonts that pair well with Lexend.
Atkinson Hyperlegible
Pairingsans-serif
ComparePublic Sans
Pairingsans-serif
CompareMerriweather
corporateserif
CompareSimilar & alternatives
Fonts with a similar feel to Lexend.
Inter
Similarsans-serif
CompareAtkinson Hyperlegible
Similarsans-serif
ComparePublic Sans
Similarsans-serif
CompareFont family
Lexend
Description
Variable font designed to reduce visual stress and improve reading
Source
googleOpen Font License
Variable axes
The quick brown fox jumps over the lazy dog
font-variation-settings: 'wght' 500;Intermediate values interpolate when the browser loads the variable font file; otherwise the nearest static weight renders.
Use cases
DocumentationMobile AppsSaaS Applications
Stats
Popularity 86/100
Used by Accessibility-focused sites, Educational apps
Performance: standard
npm · @fontsource/lexendCharacteristics
- Contrast
- low
- Aperture
- open
- x-Height
- tall
- Width
- normal
accessiblecalmfunctional
Paid alternatives
Lexend is an open-source alternative to:
- Frutiger
- Segoe UI