Nunito
About Nunito
Vernon Adams diseñó esta sans-serif redondeada amigable con las terminales completamente circulares que le otorgan una calidez coherente en todos los pesos. Sus formas accesibles la hacen popular en aplicaciones para niños, diseños de bienestar y cualquier interfaz que busque un tono acogedor en lugar de corporativo. Disponible como fuente variable con ejes de peso e inclinación, cubre el conjunto Latino extendido.
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
- ✓
- Coreano
- ✗
- Designer
- Vernon Adams
- License
- OFL
- Version
- Popularity
- #15
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.