Nunito Sans

Попробовать Nunito Sans

Насыщенности и начертания

• ExtraLight 200Nunito Sans ExtraLight ExtraLight Italic
• Light 300Nunito Sans Light Light Italic
• Regular 400Nunito Sans Regular Курсив
• Medium 500Nunito Sans Medium Medium Italic
• SemiBold 600Nunito Sans SemiBold SemiBold Italic
• Bold 700Nunito Sans Bold Bold Italic
• ExtraBold 800Nunito Sans ExtraBold ExtraBold Italic
• Black 900Nunito Sans Black Black Italic

Nunito Sans — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в отдельных файлах для каждого начертания, а названные выше насыщенности — точки в этом диапазоне.

О шрифте Nunito Sans

Nunito Sans — семейство гротесков с ровно срезанными окончаниями штрихов, в отличие от родственного Nunito, где окончания скруглены. На образце круглые чаши, ровный штрих и простая открытая конструкция. По официальным заметкам, проект начал Vernon Adams с Nunito, а Jacques Le Bailly расширил его и нарисовал эту версию без скруглений; в авторах названы также Manvel Shmavonyan и Alexei Vanyashin. В феврале 2023 года семейство стало вариативным с четырьмя осями: насыщенность от 200 до 1000, ширина от 75 до 125, оптический размер от 6 до 12 и ось высоты строчных от 440 до 540. Восемь именованных насыщенностей, от ExtraLight до Black, есть в прямом начертании и курсиве, всего 16 начертаний. Тем же обновлением добавили кириллицу. В шрифтах 1 100 глифов, они покрывают латиницу, кириллицу и вьетнамский.

Где уместен Nunito Sans

Интерфейсы продуктов

Прямые окончания и круглые чаши придают кнопкам, меню и формам аккуратный вид в любой из восьми насыщенностей.

Мелкие подписи и описания

Ось оптического размера, от 6 до 12, подстраивает рисунок под очень мелкий текст.

Адаптивные заголовки

Ширина от 75 до 125 позволяет сжимать заголовок на телефоне и растягивать на компьютере, используя один файл.

Основной текст и парный акцидентный шрифт

Скруглённый Nunito можно взять для заголовков, а Nunito Sans оставить для абзацев в тех же пропорциях.

Сайты на русском или украинском

Кириллицу добавили в обновлении 2023 года, и она следует рисунку латиницы.

Глифы

Поддержка языков

В семействе есть основные буквы, которыми пишут на этих языках:

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский
• Турецкий
• Польский
• Чешский
• Словацкий
• Венгерский
• Румынский
• Хорватский
• Словенский
• Литовский
• Латышский
• Эстонский
• Вьетнамский
• Русский
• Украинский
• Болгарский

Письменности помимо латиницы, для которых в семействе есть глифы: Кириллица. Это перечень письменностей, а не обещание поддержки каждого языка, который ими пользуется.

Наборы символов в файлах: cyrillic, cyrillic-ext, latin, latin-ext, vietnamese. Список языков — это проверка наличия нужных букв в шрифте, а не гарантия типографского качества для каждого языка.

Лицензия

Шрифты в пару к Nunito Sans

Пары подобраны по простым правилам: контрастная классификация и достаточно насыщенностей для основного текста. Это отправная точка, а не окончательный выбор.

Подключение Nunito Sans на сайте

Скачайте семейство, разместите файлы на своём сайте и подключите их в CSS. Не ссылайтесь на файлы с trendhub.net: здесь лежат урезанные файлы для превью, и их адреса меняются.

@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/NunitoSans-Italic-VariableFont_YTLC%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Nunito Sans";
  src: url("/assets/fonts/NunitoSans-VariableFont_YTLC%2Copsz%2Cwdth%2Cwght.ttf") format("truetype");
  font-weight: 200 1000;
  font-style: normal;
  font-display: swap;
}

body {
  font-family: "Nunito Sans", sans-serif;
}

Или подключите шрифт из официального источника. Google Fonts отдаёт Nunito Sans с такой разметкой:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,wght@0,200..1000;1,200..1000&display=swap" rel="stylesheet">

Что важно знать

Четыре оси

Насыщенность от 200 до 1000, ширина от 75 до 125, оптический размер от 6 до 12 и высота строчных (YTLC) от 440 до 540.

Высота строчных — пользовательская ось

YTLC задаётся через font-variation-settings; отдельного свойства CSS для неё нет.

Греческого нет

Покрыты латиница, кириллица и вьетнамский; греческого нет.

Вопросы и ответы

Подборки с Nunito Sans

• Чёткие гротески для интерфейсов приложений

  Гротески с открытой лицензией, которые остаются чёткими в кнопках, меню, таблицах и настройках и предлагают нужные интерфейсу насыщенности.

• Вариативные шрифты с осью оптического размера

  Вариативные семейства, которые перерисовываются под размер набора: крепче и свободнее в мелком, тоньше и плотнее в крупном.

• Вариативные шрифты с необычными осями

  Экспериментальные и выразительные вариативные шрифты с нестандартными осями: мягкость, подпрыгивание, небрежность, трансформация, поворот, градация и другие.

Похожие шрифты

Другие семейства той же классификации, по числу общих тегов назначения. Все шрифты в категории «Гротески»