Nunito

Sans Serif rounded-sans by Vernon Adams #15 on Google Fonts
Weight

About Nunito

Vernon Adams entwarf diese gerundete Serifenlose mit Endstrichen mit einer sanften Kurve, die in jeder Größe ein einladendes Erscheinungsbild erzeugt. Die weichen Formen erzielen einen freundlichen, modernen Charakter ohne sentimental zu wirken. 8 Gewichte einschließlich einer variablen Achse und Unterstützung für Kyrillisch, Vietnamesisch und Hebräisch machen Nunito zu einer produktiven Wahl für verbraucherorientierte Apps, Kindheitsinhalte und informelles Branding.

Character Map

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

Weight Waterfall (9)

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

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
Koreanisch
Designer
Vernon Adams
License
OFL
Version
Popularity
#15
Downloads
8

License Usage

Web useAllowed
PrintAllowed
Video / BroadcastAllowed
PackagingAllowed
App embeddingAllowed
Brand / LogoAllowed
ModificationAllowed

OFL — Free for personal & commercial use

Language Support

cyrillic cyrillic-ext latin latin-ext vietnamese

Best For

friendly body-text education

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.

Articles About Nunito