Josefin Sans

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

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

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

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

О шрифте Josefin Sans

Josefin Sans — геометрический гротеск с винтажным характером, рассчитанный на крупные размеры. Строчные у него необычно низкие: высота строчных находится посередине между базовой линией и верхом прописных, так что выносные элементы и заглавные буквы возвышаются над «a», «e» и «o». Круглые буквы близки к окружностям, прописная «A» заканчивается острой вершиной, а перекладина «e» наклонена. Santiago Orozco рисовал его с оглядкой на геометрические гротески 1920-х годов; у шрифта есть родственное семейство Josefin Slab. С декабря 2019 года у семейства есть вариативная ось насыщенности от 100 до 700: семь насыщенностей от Thin до Bold, у каждой есть курсив, всего 14 начертаний. В шрифтах 613 глифов для латиницы, расширенной латиницы и вьетнамского.

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

Заголовки в моде и лайфстайле

Высокие прописные над низкими строчными придают заголовкам дух 1920-х, особенно в Thin и Light.

Логотипы и вордмарки

Почти круглые «O», «C» и «G» и остроконечная «A» делают короткое название из прописных похожим на нарисованное циркулем и линейкой.

Меню и приглашения

Наклонная перекладина «e» и длинные выносные элементы добавляют налёт ретро именам, названиям блюд и датам, набранным крупно.

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

SemiBold и Bold сохраняют геометрические формы, но добавляют заголовку достаточно веса, чтобы его было видно издалека.

Заголовки над брусковым шрифтом

У Josefin Slab те же пропорции, так что два семейства можно разделить между заголовками и подзаголовками.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Текст выглядит мельче заявленного размера

Так как высота строчных равна половине высоты прописных, строчный текст кажется мельче, чем тот же кегль в большинстве гротесков.

Самая жирная насыщенность — Bold 700

Ось насыщенности идёт от 100 до 700; ExtraBold и Black нет.

Имя шрифта зарезервировано

В уведомлении о лицензии зарезервировано имя «Josefin Sans», поэтому изменённой версии нужно другое название.

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

Подборки с Josefin Sans

• Шрифты для логотипов и вордмарков

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

• Шрифты для меню ресторанов и кафе

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

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

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

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

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

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

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

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

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