Noto Sans

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

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

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

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

О шрифте Noto Sans

Noto Sans — семейство гротесков с ровными штрихами, открытыми формами букв и высокими строчными, как видно на образце. Это латинско-кириллическо-греческая часть Noto, коллекции, которая стремится охватить письменности мира, и в официальных заметках шрифт назван спутником отдельных шрифтов Noto Sans для других письменностей. Этой ролью объясняется размер набора символов: 4 503 глифа с наборами для Latin Extended, расширенной кириллицы, расширенного греческого, вьетнамского и деванагари. Семейство вариативное, по двум осям: насыщенность от 100 до 900 и ширина от 62,5 до 100. Прямое начертание и курсив имеют по девять именованных насыщенностей, всего 18 начертаний. Автором указан Google; в таблице name назван Monotype Design Team. В Google Fonts Noto Sans появился в 2013 году.

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

Продукты на многих языках

Одно семейство набирает латиницу, кириллицу и греческий, а родственные шрифты Noto Sans продолжают рисунок на других письменностях.

Интерфейсы приложений и сайтов

Открытые формы и высокие строчные сохраняют читаемость подписей и меню, а Medium и SemiBold подходят для элементов управления.

Документы и отчёты

Regular с курсивами и девять насыщенностей закрывают основной текст, заголовки и сноски в одном семействе.

Плотные таблицы и боковые панели

Ось ширины сужает буквы до 62,5 там, где столбцы тесны.

Запасной шрифт для недостающих символов

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Noto Sans";
  src: url("/assets/fonts/NotoSans-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Noto Sans";
  src: url("/assets/fonts/NotoSans-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Noto 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=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

Другие письменности покрывают родственные шрифты

Письменности помимо латиницы, кириллицы, греческого и деванагари обслуживают отдельные семейства той же коллекции.

Ширина только сужается

Ось ширины идёт от 62,5 до 100; расширенного значения нет.

Большие файлы

В вариативных файлах 4 503 глифа, поэтому на сайте имеет смысл оставить только нужное подмножество символов.

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

Подборки с Noto Sans

• Шрифты для субтитров и подписей к видео

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

• Гуманистические гротески для удобного чтения

  Гротески с открытыми формами букв, в которых чувствуется перо; в абзацах, документах и интерфейсном тексте читать их удобно.

• Семейства шрифтов с девятью насыщенностями и курсивом

  Полные семейства от Thin до Black с курсивом для каждой насыщенности: восемнадцать начертаний для цельной типографской системы.

• Шрифтовые системы: гротеск, антиква и моноширинный в паре

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

• Шрифты с поддержкой деванагари

  Семейства с открытой лицензией для хинди, маратхи, непальского и других языков, пишущихся деванагари; латиница в тех же файлах.

• Шрифты для нескольких письменностей

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

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

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