Host Grotesk

Попробовать Host Grotesk

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

• Light 300Host Grotesk Light Light Italic
• Regular 400Host Grotesk Regular Курсив
• Medium 500Host Grotesk Medium Medium Italic
• SemiBold 600Host Grotesk SemiBold SemiBold Italic
• Bold 700Host Grotesk Bold Bold Italic
• ExtraBold 800Host Grotesk ExtraBold ExtraBold Italic

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

О шрифте Host Grotesk

Host Grotesk — это гротеск в классической манере: простые прямые буквы со штрихами почти одной толщины и круглыми знаками, близкими к окружности. На образце шрифта высокие строчные, двухэтажная «a», открытый угловатый амперсанд и «собака» в квадратном кольце — небольшие отступления от в целом нейтрального алфавита. Семейство поставляется в двух вариативных файлах, прямом и курсивном, с осью насыщенности от 300 до 800. На ней лежат шесть именованных насыщенностей: Light, Regular, Medium, SemiBold, Bold и ExtraBold, вместе с курсивом — двенадцать начертаний. Насыщенностей Thin и Black нет. 448 глифов охватывают наборы латиницы и расширенной латиницы. В файлах шрифта автором указан Doğukan Karapınar, а изготовителем — Element Type; в карточке Google Fonts также упомянут İbrahim Kaçtıoğlu. Лицензия — SIL Open Font License 1.1.

Где уместен Host Grotesk

Интерфейсы продуктов

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

Лендинги

Заголовки набирают насыщенностями от SemiBold до ExtraBold, а поясняющий абзац под ними — Light или Regular.

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

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

Статьи и документация

Парный курсив в каждой насыщенности подходит для выделений, цитат и терминов в основном тексте.

Глифы

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

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

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

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

Лицензия

Шрифты в пару к Host Grotesk

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

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

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

@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/fonts/HostGrotesk-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Host Grotesk";
  src: url("/assets/fonts/HostGrotesk-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Host+Grotesk:ital,wght@0,300..800;1,300..800&display=swap" rel="stylesheet">

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

Насыщенности идут от 300 до 800

Ось начинается на Light и заканчивается на ExtraBold. Тонких волосяных и чёрных насыщенностей в семействе нет.

По умолчанию стоит Light

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

Только латиница

448 глифов покрывают латиницу и расширенную латиницу. Кириллицы и греческого нет.

Только вариативные файлы

В пакете один вариативный прямой и один вариативный курсивный файл. Статические файлы можно взять в официальном источнике.

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

Подборки с Host Grotesk

• Гротески

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

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

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