Nunito

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

About Nunito

Vernon Adams đã thiết kế typeface sans-serif tròn này xung quanh các terminal với đường cong nhẹ nhàng, mang lại sự ấm áp thân thiện, dễ gần mà không cảm thấy trẻ con hay quá bình thường. Tỷ lệ cân bằng và aperture mở duy trì khả năng đọc mạnh ở kích thước body text, trong khi các đầu nét tròn truyền đạt sự mềm mại — phổ biến trong ứng dụng giáo dục, giao diện y tế và sản phẩm tiêu dùng. Trục trọng lượng biến đổi từ ExtraLight đến Black với phạm vi Cyrillic và tiếng Việt.

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 →
Nunito + Nunito Sans 7/10
Heading in Nunito
Body text in Nunito Sans. Nunito's rounded terminals make warm, friendly headlines, while Nunito Sans maintains the same proportions in a crisper sans form for …

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
✓
Tiếng Hàn Quốc
✗
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

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.

Articles About Nunito

Font Selection
Best Google Fonts for Body Text in 2026
 Font Reviews
Poppins: A Designer's Complete Guide
 Font Reviews
Poppins vs Montserrat: Geometric Sans Face-Off
 Font Selection
Typography for Education and E-learning