Nunito

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

About Nunito

Vernon Adams designed this rounded sans-serif around terminals with a gentle curve, giving it a friendly, approachable warmth that feels neither childish nor overly casual. The balanced proportions and open apertures maintain strong legibility across body text sizes, while the rounded stroke endings communicate softness — popular in education apps, healthcare interfaces, and consumer products. A variable weight axis spans ExtraLight through Black with Cyrillic and Vietnamese coverage.

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

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