Nunito

Name: Nunito
Author: Vernon Adams

Sans Serif rounded-sans 제작 Vernon Adams #15 Google Fonts에서

다운로드 Google Fonts

크기

굵기

소개 Nunito

Vernon Adams는 끝부분에 부드러운 곡선을 가진 터미널을 중심으로 이 라운드 sans-serif를 설계했으며, 유치하거나 지나치게 캐주얼하지 않으면서도 친근하고 편안한 따뜻함을 줍니다. 균형 잡힌 비례와 열린 개구부는 본문 텍스트 크기에서도 강한 가독성을 유지하며, 둥근 획 끝부분은 부드러움을 전달합니다. 교육 앱, 헬스케어 인터페이스, 소비자 제품에서 인기가 높습니다. 가변 굵기 축은 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'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
다운로드: 425

라이선스 사용

웹 사용	허용됨
인쇄	허용됨
영상 / 방송	허용됨
패키징	허용됨
앱 임베딩	허용됨
브랜드 / 로고	허용됨
수정	허용됨

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.