Jost

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

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

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

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

О шрифте Jost

Jost — геометрический гротеск, опирающийся на немецкие шрифты без засечек 1920-х годов. Прописные в нём следуют классическим пропорциям: широкие круглые «O» и «G» соседствуют с узкими «E», «F» и «S», а «A», «M», «N», «V» и «W» заканчиваются острыми углами. Прописная «J» опускается ниже базовой линии, а строчные сочетают длинные верхние выносные элементы с компактной двухэтажной «a». Семейство рисует и поддерживает Owen Earl, основатель словолитни indestructible type*; в 2020 году вместе с Mirko Velimirovic он сделал его вариативным. Ось насыщенности идёт от 100 до 900: получаются девять насыщенностей от Thin до Black, у каждой есть курсив, всего 18 начертаний. В Jost 535 глифов для Latin, Latin Extended и кириллицы, с буквами для русского и болгарского. В Google Fonts шрифт появился в 2020 году.

Где уместен Jost

Фирменный стиль

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

Заголовки и плакаты

ExtraBold и Black заполняют строку плаката, а Thin и ExtraLight делают крупные заголовки тонкими, как линия.

Текст на сайтах

Regular и Medium с курсивами подходят для абзацев и выделений; двухэтажная «a» делает слова чёткими в основном тексте.

Презентации

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

Вёрстка на русском языке

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

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Jost";
  src: url("/assets/fonts/Jost-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Jost";
  src: url("/assets/fonts/Jost-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Прописная «J» опускается

В Jost буква «J» уходит ниже базовой линии, что заметно в словах, которые с неё начинаются.

Кириллица неполная

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

Два вариативных файла

Прямое начертание и курсив лежат в отдельных файлах, в каждом полный диапазон насыщенности от 100 до 900.

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

Подборки с Jost

• Геометрические гротески

  Гротески, построенные на окружностях, прямых и ровных штрихах: от дизайнов в духе 1920-х до современных фирменных гарнитур.

• Тонкие и волосяные шрифты для лёгких воздушных заголовков

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

• Шрифты ар-деко и геометричные акцидентные шрифты 1920-х

  Волосяные геометрические, многолинейные прописные и контрастные акцидентные шрифты в манере 1920–1930-х годов, а также два родственных баухаусовских.

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

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

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

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