Hanken Grotesk

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

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

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

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

О шрифте Hanken Grotesk

Hanken Grotesk — семейство гротесков, за образец которого взяты классические гротески. По его заметкам, геометрию, метрики, пунктуацию и возможности OpenType переработали, чтобы семейство подходило для проектов разного рода, от навигации до книжного текста и экранов. На образце буквы чистые и слегка геометричные: круглые «o» и «c», двухэтажная «a», одноэтажная «g», «y» с прямым хвостом и кавычки в виде наклонных штрихов. Семейство поставляется вариативными шрифтами, прямым и курсивным, с осью насыщенности от 100 до 900; девять именованных насыщенностей дают 18 начертаний. Его 706 глифов покрывают латиницу, расширенную латиницу и вьетнамский. Проект ведёт Alfredo Marco Pradil, изготовителем названа Hanken Design Co., а лицензия — SIL Open Font License 1.1.

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

Навигация и уличные указатели

Вывески — первое назначение, которое называет проект, а Medium–Bold с простыми открытыми буквами передают указатели на расстоянии.

Книги и журналы

Regular с курсивом подходит для основного текста, а более светлые и жирные насыщенности справляются с подписями и заголовками.

Сайты и мобильные приложения

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

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

От Thin 100 до Black 900 бренд получает акцидентные, текстовые и служебные насыщенности из одного семейства.

Продукты на вьетнамском

Вьетнамское подмножество входит, поэтому многоярусные диакритические знаки нарисованы как часть шрифта.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

Или подключите шрифт из официального источника. Google Fonts отдаёт Hanken 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=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">

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

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

В загрузке прямой и курсивный вариативные шрифты, у каждого ось насыщенности от 100 до 900.

Единственная ось — насыщенность

Осей ширины и оптического размера нет.

Русского нет в списке языков

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

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

Подборки с Hanken Grotesk

• Чёткие гротески для интерфейсов приложений

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

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

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