Nunito

Sans Serif rounded-sans от Vernon Adams #15 на 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

Лучшие сочетания

Смотреть все →

Как использовать

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

Статьи о Nunito