Nunito
About Nunito
Vernon Adams, bu yuvarlak sans-serif'i uçlarında nazik bir eğriyle tepe noktaları olan terminaller etrafında tasarlamıştır. Bu tasarım, pek çok neo-grotesque'in soğukluğunu ortadan kaldırarak sıcak ve samimi bir karakter kazandırır. Ailede düzinelerce ağırlık ve genişlik varyantı bulunur. Yuvarlak geometrisi onu eğitim uygulamaları, çocuklara yönelik içerikler ve çağdaş marka kimliklerinde en çok tercih edilen seçeneklerden biri yapmıştır.
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
- ✓
- Korece
- ✗
- 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.