Josefin Slab

Попробовать Josefin Slab

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

• Thin 100Josefin Slab Thin Thin Italic
• ExtraLight 200Josefin Slab ExtraLight ExtraLight Italic
• Light 300Josefin Slab Light Light Italic
• Regular 400Josefin Slab Regular Курсив
• Medium 500Josefin Slab Medium Medium Italic
• SemiBold 600Josefin Slab SemiBold SemiBold Italic
• Bold 700Josefin Slab Bold Bold Italic

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

О шрифте Josefin Slab

Josefin Slab — брусковый шрифт на том же геометрическом каркасе, что и Josefin Sans. Тонкие брусковые засечки без скруглений стоят на круглых, словно вычерченных циркулем буквах; строчные невысокие по сравнению с прописными, а у «e» наклонная перекладина. Santiago Orozco пишет, что дизайн следует моде 1930-х на геометрические гарнитуры и заимствует некоторые черты пишущей машинки, а диакритике он уделил особое внимание в духе скандинавской идеи: наклон «e» определила форма «æ». Семейство — вариативный шрифт с осью насыщенности от 100 до 700, то есть семь насыщенностей от Thin до Bold, у каждой есть курсив, всего 14 начертаний. Набор символов невелик: 215 глифов в подмножестве латиницы, этого хватает для английского, немецкого, испанского, итальянского, португальского, нидерландского и скандинавских языков.

Где уместен Josefin Slab

Заголовки в винтажном стиле

Волосяные брусковые засечки на круглых буквах напоминают леттеринг 1930-х в названиях кафе, магазинов и мероприятий.

Этикетки и меню

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

Подзаголовки рядом с Josefin Sans

Оба семейства имеют общий каркас, поэтому брусковый вариант может выделять подзаголовки или цитаты в макете на Josefin Sans.

Крупные цитаты

Даже у Regular 400 тонкие штрихи, поэтому цитаты, набранные крупно, сохраняют лёгкую, воздушную фактуру.

Глифы

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

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

• Английский
• Французский
• Немецкий
• Испанский
• Португальский
• Итальянский
• Нидерландский
• Шведский
• Норвежский
• Датский
• Финский
• Исландский
• Каталанский

Редкие буквы, которых нет в шрифте: Французский Ÿ.

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

Лицензия

Шрифты в пару к Josefin Slab

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

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

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

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

body {
  font-family: "Josefin Slab", serif;
}

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

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

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

Только основная латиница

В 215 глифах есть не все буквы с диакритикой, нужные для польского, чешского и турецкого; французский покрыт, кроме редко используемой прописной Ÿ. Проверьте свой текст, прежде чем выбирать этот шрифт.

Лёгкий на всём протяжении

Штрихи остаются тонкими вплоть до Regular; на небольших размерах держатся насыщенности от Medium до Bold.

Невысокие строчные

Как и в Josefin Sans, строчные низкие по сравнению с прописными, поэтому текст выглядит мельче, чем предполагает его кегль.

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

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

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