Nunito

Name: Nunito
Author: Vernon Adams

Sans Serif rounded-sans 制作 Vernon Adams #15 Google Fontsで

ダウンロード Google Fonts

サイズ

ウェイト

概要 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.

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's rounded terminals make warm, friendly headlines, while Nunito Sans maintains the same proportions in a crisper sans form for …

使い方

<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

詳細

カテゴリ: Sans Serif
スタイル: rounded-sans
ウェイト: 9
イタリック: ✓
韓国語: ✗
デザイナー: Vernon Adams
ライセンス: OFL
バージョン
人気度: #15
ダウンロード: 205

ライセンス使用

Web使用	許可
印刷	許可
動画 / 放送	許可
パッケージ	許可
アプリ埋め込み	許可
ブランド / ロゴ	許可
改変	許可

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.