Nunito

Name: Nunito
Author: Vernon Adams

Sans Serif rounded-sans 设计： Vernon Adams #17 在 Google Fonts 上

大小

字重

关于 Nunito

Vernon Adams 围绕带有柔和曲线的笔画末端设计了这款圆体无衬线字体，赋予它友好亲切的温暖感，既不显幼稚也不过分随意。均衡的比例和开放的字腔在正文尺寸下保持出色的可读性，而圆润的笔画末端传递出柔和感——深受教育类应用、医疗界面和消费类产品欢迎。可变字重轴从 ExtraLight 一直延伸到 Black，并支持西里尔文与越南文。

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.

字符表

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

字重瀑布 (9)

200 ExtraLight

300 Light

400 Regular

500 Medium

600 SemiBold

700 Bold

800 ExtraBold

900 Black

1000 1000

最佳搭配

查看全部 →

Nunito + Nunito Sans 7/10

Heading in Nunito

Body text in Nunito Sans. Nunito 圆润的笔画末端营造出温暖亲切的标题，Nunito Sans 则以更清爽的无衬线形态保持同样的比例，用于正文。

使用方法

<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

On this page

详情

分类: Sans Serif
样式: rounded-sans
字重: 9
斜体: ✓
韩文: ✗
设计师: Vernon Adams
许可证: OFL
版本
热度: #17
下载量: 862

许可用途

网页使用	允许
印刷	允许
视频 / 广播	允许
包装	允许
应用嵌入	允许
品牌 / 标志	允许
修改	允许

OFL — 个人和商业使用均免费

语言支持

cyrillic cyrillic-ext latin latin-ext vietnamese

最适合

body_text web_apps ui_elements mobile_apps

相似字体

对比

排版概念

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.

Frequently Asked Questions

Is the Nunito font free for commercial use?

Yes — Nunito is an open-source font, free to use in personal and commercial projects.

What type of typeface is Nunito?

Nunito is a Sans Serif typeface. It is offered as a variable font.

What does Nunito support?

Nunito primarily supports text.