Noto Serif Display

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

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

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

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

О шрифте Noto Serif Display

Noto Serif Display — это антиква с сильным контрастом между толстыми стволами и волосяными соединениями, тонкими плоскими засечками и вертикальной осью, что на образце шрифта видно от Thin до Black. Она входит в Noto — коллекцию шрифтов, цель которой охватить все современные и древние языки, и это антиква Noto для крупного кегля в латинице, кириллице и греческом. В загрузке два вариативных файла, прямой и курсивный, с двумя осями: насыщенность от 100 до 900 и ширина от 62,5 до 100. Девять именованных насыщенностей с курсивом дают 18 начертаний при обычной ширине, а ось ширины добавляет узкие настройки. В шрифтах 3 268 глифов в наборах латиницы, расширенной латиницы, кириллицы, греческого и вьетнамского. В карточке указан Google, а в таблице name — Monotype Design Team. Лицензия — SIL Open Font License 1.1.

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

Заголовки журналов и новостей

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

Заголовки на нескольких письменностях

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

Названия в узких колонках

Ось ширины сужает буквы до 62,5, и длинное название помещается в тесную колонку.

Обложки книг и титульные листы

Насыщенности от Thin 100 до Black 900 дают и тонкий, и плотный вариант одного и того же названия.

Акцидентная пара в системе Noto

Проекты, где для текста уже используются семейства Noto, могут добавить Noto Serif Display для крупных размеров.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Ось ширины только сужает

Ширина идёт от 62,5 до 100, значение по умолчанию — 100. Узкие настройки есть, широких нет.

Создан для крупных кеглей

Официальное описание отводит Noto Serif Display текстам крупного кегля; в насыщенностях Thin и Light его волосяные линии очень тонкие.

Только вариативные файлы

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

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

Подборки с Noto Serif Display

• Контрастные дидоны для моды и издательских заголовков

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

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

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