Cabin

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

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

• Regular 400Cabin Regular Курсив
• Medium 500Cabin Medium Medium Italic
• SemiBold 600Cabin SemiBold SemiBold Italic
• Bold 700Cabin Bold Bold Italic

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

О шрифте Cabin

Cabin — гуманистический гротеск, отталкивающийся от шрифтов Edward Johnston и Eric Gill и добавляющий к ним современные пропорции и черты геометрического гротеска. На образце штрихи почти одной толщины и лишь слегка истончаются вверху и внизу изгибов, «O» близка к кругу, чаши «b», «p» и «q» круглые, а «g» одноэтажная. Cabin состоит из двух вариативных шрифтов, прямого и настоящего курсива, у каждого ось насыщенности от 400 до 700 и ось ширины от 75 до 100, которая сужает рисунок до узкого. Regular, Medium, SemiBold и Bold с курсивами дают восемь начертаний. В шрифтах 718 глифов для Latin, Latin Extended и Vietnamese. Авторами указаны Impallari Type и Rodrigo Fuenzalida, лицензия — SIL Open Font License 1.1.

Где уместен Cabin

Основной текст сайтов

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

Подписи в интерфейсах

Medium и SemiBold добавляют небольшие ступени выделения для кнопок и навигации, не перескакивая сразу к Bold.

Узкие заголовки и таблицы

Если уменьшить значение оси ширины до 75, в узкие колонки помещаются более длинные строки, и при этом остаётся то же семейство.

Брендинг малого бизнеса

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

Вьетнамский и европейские тексты

Официальные заметки описывают полный охват латиницы для вьетнамского, а также для западно- и центральноевропейских языков.

Глифы

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Cabin";
  src: url("/assets/fonts/Cabin-Italic-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Cabin";
  src: url("/assets/fonts/Cabin-VariableFont_wdth%2Cwght.ttf") format("truetype");
  font-weight: 400 700;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

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

Ось насыщенности охватывает 400–700. Светлых начертаний нет, и выше Bold ничего нет.

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

Ширина меняется от 75 до 100, то есть от узкой до обычной.

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

Прямое начертание и курсив — отдельные вариативные шрифты, у каждого обе оси.

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

Подборки с Cabin

• Шрифты для резюме

  Читаемые антиквы и гротески с открытой лицензией для резюме на одну-две страницы, с насыщенностями и курсивом, которые нужны документу.

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

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