Funnel Display

Попробовать Funnel Display

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

• Light 300Funnel Display Light
• Regular 400Funnel Display Regular
• Medium 500Funnel Display Medium
• SemiBold 600Funnel Display SemiBold
• Bold 700Funnel Display Bold
• ExtraBold 800Funnel Display ExtraBold

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

О шрифте Funnel Display

Funnel Display — это семейство акцидентных гротесков в шести насыщенностях. В образце буквы широкие и малоконтрастные, с плоскими окончаниями штрихов и круглыми чашами; у «y» хвост заканчивается коротким горизонтальным крючком, а амперсанд собран из формы, похожей на «E». В более жирных насыщенностях буквы стоят тесно, поэтому слово образует плотную полосу. Семейство — вариативный шрифт с одной осью, насыщенностью, от 300 до 800; именованные насыщенности — Light, Regular, Medium, SemiBold, Bold и ExtraBold. Курсива нет. Его 370 глифов охватывают наборы символов Latin и Latin Extended. В авторских заметках названы NORD ID и Kristian Möller, в таблице name изготовителем указан Dicotype, а в уведомлении об авторских правах — The Funnel Project Authors. Funnel Display распространяется по лицензии SIL Open Font License 1.1.

Где уместен Funnel Display

Заголовки лендингов

Широкие буквы и плотный набор в Bold и ExtraBold превращают короткое заявление в сплошной блок в верхней части страницы.

Вордмарки

Такие детали, как «y» с крючком и амперсанд в форме «E», придают названию, набранному в Funnel Display, собственный силуэт.

Заголовки разделов в дизайн-системе

Шесть насыщенностей от Light до ExtraBold дают ступени для заголовков страниц, карточек и подписей.

Графика для кампаний

Ось насыщенности от 300 до 800 позволяет заголовку переходить от лёгкой версии к жирной в одном файле.

Глифы

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

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

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

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

Лицензия

Шрифты в пару к Funnel Display

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

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

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

@font-face {
  font-family: "Funnel Display";
  src: url("/assets/fonts/FunnelDisplay-VariableFont_wght.ttf") format("truetype");
  font-weight: 300 800;
  font-style: normal;
  font-display: swap;
}

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

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

<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=Funnel+Display:wght@300..800&display=swap" rel="stylesheet">

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

Курсива нет

У Funnel Display только прямые начертания.

Один вариативный файл

При скачивании вы получаете один вариативный шрифт для насыщенностей от 300 до 800. Статические файлы есть на официальном сайте.

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

В набор входят Latin и Latin Extended. Кириллицы и греческого нет.

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

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

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