Nunito

Sans Serif rounded-sans par Vernon Adams #15 sur Google Fonts
Graisse

À propos Nunito

Vernon Adams a conçu cette sans-serif arrondie autour de terminaisons à la courbe douce, lui conférant une chaleur amicale et accessible qui ne paraît ni puérile ni trop décontractée. Des proportions équilibrées et des contrepoinçons ouverts maintiennent une excellente lisibilité aux tailles de texte courant, tandis que les extrémités de traits arrondies communiquent une douceur appréciée dans les applications éducatives, les interfaces de santé et les produits grand public. Un axe de graisse variable allant d'ExtraLight à Black, avec couverture cyrillique et vietnamienne.

Design Analysis

Nunito is a balanced sans-serif with rounded terminals that soften its otherwise geometric structure. The rounded endings appear across all weights, from Light to Black, lending a consistently friendly and approachable character. Its generous x-height and open counters ensure readability despite the decorative terminal treatment.

Recommended Use Cases

Fits naturally in education platforms, children's content, and casual brand identities where warmth is essential. Also works well for mobile interfaces and cards, though for dense body text consider the non-rounded Nunito Sans variant.

Table de caractères

AaBbCcDdEeFfGgHhIiJjKkLlMm
NnOoPpQqRrSsTtUuVvWwXxYyZz
0123456789
!@#$%^&*()_+-=[]{}|;':",.<>?

Cascade de graisses (9)

200 ExtraLight
300 Light
400 Regular
500 Medium
600 SemiBold
700 Bold
800 ExtraBold
900 Black
1000 1000

Meilleures associations

Voir tout →

Comment utiliser

<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

Détails

Catégorie
Sans Serif
Style
rounded-sans
Graisses
9
Italique
Coréen
Designer
Vernon Adams
Licence
OFL
Version
Popularité
#15
Téléchargements
426

Utilisation de la licence

Usage webAutorisé
ImpressionAutorisé
Vidéo / DiffusionAutorisé
EmballageAutorisé
Intégration dans les appsAutorisé
Marque / LogoAutorisé
ModificationAutorisé

OFL — Gratuit pour usage personnel et commercial

Support linguistique

cyrillic cyrillic-ext latin latin-ext vietnamese

Idéal pour

body_text web_apps ui_elements mobile_apps

Concepts typographiques

  • 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.

Articles sur Nunito