Nunito
About Nunito
Vernon Adams concebeu esta sans-serif arredondada com terminações completamente arredondadas que lhe conferem um caráter caloroso e amigável, distinguindo-a das geometricas mais rígidas. Esse arredondamento sutil a torna especialmente eficaz para interfaces voltadas ao consumidor, aplicativos infantis e qualquer design que busque uma sensação convidativa. Disponível como fonte variável com eixos de peso e largura.
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.