Literata

Попробовать Literata

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

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

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

О шрифте Literata

Literata — семейство антикв для цифрового текста: оно начиналось как фирменный шрифт Google Play Books, а теперь дошло до третьей версии. TypeTogether переработала его в вариативный шрифт с двумя осями — насыщенности (от 200 до 900) и оптического размера (от 7 до 72), так что одно семейство подходит и для подписей, и для крупных заголовков. Названо восемь насыщенностей, от ExtraLight до Black, у каждой есть курсив, всего 16 начертаний. На образце засечки крепкие, почти брусковые, контраст низкий, а в жирных насыщенностях внутрибуквенные просветы остаются открытыми. В шрифтах 1 707 глифов для латиницы, греческого, кириллицы и вьетнамского. Латиницу нарисовали Veronika Burian и José Scaglione, греческий — Irene Vlachou, кириллицу — Vera Evstafieva вместе с Elena Novoselova. В официальных заметках сказано, что этот выпуск — печатная версия семейства; отдельная версия существует для электронных книг.

Где уместен Literata

Электронные книги и приложения для чтения

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

От подписей до названий глав

Ось оптического размера идёт от 7 до 72, поэтому сноски, абзацы и крупные заголовки получают начертание, нарисованное под свой размер.

Издания на греческом и кириллице

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

Редакционные сайты с сильными заголовками

ExtraBold и Black придают заголовкам вес, а Regular и Medium несут саму статью.

Глифы

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

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

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

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

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

Лицензия

Шрифты в пару к Literata

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

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

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

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

body {
  font-family: "Literata", serif;
}

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

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

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

Две оси

Насыщенность меняется от 200 до 900, оптический размер — от 7 до 72; экземпляр по умолчанию — Regular при оптическом размере 12.

Печатная версия

В официальных заметках описаны две версии Literata: для печати и для электронных книг. Это печатная версия.

Большие вариативные файлы

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

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

Подборки с Literata

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

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

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

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

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

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