Nunito
About Nunito
ابتكر Vernon Adams هذا الخط الهندسي المستدير المتوازن بالكامل لتحقيق دفء ملحوظ في مقارنة بخطوط هندسية قائمة أكثر صرامة. اللمسات الأنثوية والفتحات الواسعة تجعل منه خيارًا شائعًا لواجهات تطبيقات الأطفال والتصميم الصديق والعلامات التجارية. يوفر الخط المتغير ثلاثة محاور بما في ذلك الحجم البصري.
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
- ✓
- الكوريّة
- ✗
- 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.