Nunito
About Nunito
Vernon Adams entwarf diese gerundete Serifenlose mit Endstrichen mit einer sanften Kurve, die in jeder Größe ein einladendes Erscheinungsbild erzeugt. Die weichen Formen erzielen einen freundlichen, modernen Charakter ohne sentimental zu wirken. 8 Gewichte einschließlich einer variablen Achse und Unterstützung für Kyrillisch, Vietnamesisch und Hebräisch machen Nunito zu einer produktiven Wahl für verbraucherorientierte Apps, Kindheitsinhalte und informelles Branding.
Character Map
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?
Weight Waterfall (9)
Best Pairings
View all →How to Use
<link href="https://fonts.googleapis.com/css2?family=Nunito:wght@1000;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@1000;200;300;500;600;700;800;900;400&display=swap');
font-family: 'Nunito', sans-serif;
brew install --cask font-nunito
Details
- Category
- Sans Serif
- Style
- rounded-sans
- Weights
- 9
- Italic
- ✓
- Koreanisch
- ✗
- Designer
- Vernon Adams
- License
- OFL
- Version
- Popularity
- #15
- Downloads
- 8
License Usage
| Web use | Allowed |
| Allowed | |
| Video / Broadcast | Allowed |
| Packaging | Allowed |
| App embedding | Allowed |
| Brand / Logo | Allowed |
| Modification | Allowed |
OFL — Free for personal & commercial use
Language Support
Best For
Similar Fonts
Typography Concepts
-
Font Weight
The thickness of character strokes, typically ranging from 100 (Thin) to 900 (Black). Regular is 400, Bold is 700.
-
Typographic Color
The overall visual density or texture of a block of text on a page — affected by font weight, size, line-height, and letter-spacing.
-
Letter Spacing
The CSS property for adjusting spacing between all characters. Positive values spread letters apart; negative values bring them closer.
-
font-display
A CSS descriptor that controls how a web font is displayed during loading. Values: auto, block, swap, fallback, optional.
-
CLS (Font-related)
Cumulative Layout Shift caused by font loading — text reflows when web font replaces fallback due to different metrics. A Core Web Vital issue.