Noto Serif

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

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

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

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

О шрифте Noto Serif

Noto Serif — антиква с модулированными штрихами: вертикальные стволы толще горизонталей и соединений. На образце контраст умеренный, засечки плотные и скобчатые, строчные высокие — это сочетание рассчитано на текст, а не на украшение. Noto Serif — антиква коллекции Noto для латиницы, кириллицы и греческого, и она задумана как пара к шрифтам Noto Serif для других письменностей. Есть две вариативные оси: насыщенность от 100 до 900 и ширина от 62,5 до 100. Девять именованных насыщенностей в прямом начертании и курсиве дают 18 начертаний. В шрифтах 3 791 глиф, включая подмножества расширенной латиницы, расширенной кириллицы, расширенного греческого и вьетнамского. Дизайнером указан Google, а в таблице name — Monotype Design Team. В Google Fonts шрифт добавили в 2013 году.

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

Книги и длинные документы

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

Статьи на русском или греческом

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

Научные тексты

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

Заголовки над текстом с засечками

Black 900 и более узкие значения ширины дают компактные заголовки из того же семейства.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

<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+Serif:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

Тонкие насыщенности очень светлые

На образце Thin 100 и ExtraLight 200 с тонким штрихом лучше оставить для крупных размеров.

Ось ширины от 62,5 до 100

Буквы можно сужать, но не расширять.

Другие письменности — в родственных семействах

Для письменностей помимо латиницы, кириллицы и греческого есть собственные шрифты Noto Serif.

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

Подборки с Noto Serif

• Антиквы для долгого чтения с экрана

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

• Антиква для научных и академических текстов

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

• Вариативные шрифты с осью ширины

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

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

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

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

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

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

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