Figtree

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

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

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

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

О шрифте Figtree

Figtree — геометрический гротеск, созданный для веб- и мобильных приложений. На образце видны почти круглые чаши, одноэтажная «g», «t» с изогнутым основанием, ровный штрих и высокие строчные; в плотных начертаниях внутрибуквенные просветы остаются круглыми и открытыми. В официальных заметках текстовые насыщенности названы чёткими, а прописные — достаточно сильными для кнопок и коротких подписей, тогда как плотные начертания в заголовках звучат дружелюбнее. Figtree — вариативный шрифт с осью насыщенности от 300 до 900 и семью именованными насыщенностями, от Light до Black. Курсивы добавили в ноябре 2022 года, и семейство дошло до 14 начертаний в двух файлах. В каждом шрифте 458 глифов: латиница и расширенная латиница. Автор — Erik Kennedy; в 2022 году семейство попало в Google Fonts под лицензией SIL Open Font License 1.1.

Где уместен Figtree

Кнопки и короткие подписи

Прописные сохраняют выразительность в наборе капслоком, и этот сценарий прямо упомянут в заметках автора.

Текст в мобильных приложениях

Ровный штрих и высокие строчные сохраняют ясность мелкого текста интерфейса на экранах телефонов.

Рекламные заголовки

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

Онбординг и справочный текст

Light, Regular и Medium с курсивами закрывают абзацы, подсказки и выделения.

Дизайн-системы

Семь насыщенностей из одного вариативного файла позволяют библиотеке компонентов обойтись одним семейством.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

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

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

Начинается с Light 300

Ось идёт от 300 до 900; Thin и ExtraLight не существует.

Курсивы появились позже

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

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

458 глифов охватывают латиницу и расширенную латиницу, наборов для кириллицы, греческого и вьетнамского нет.

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

Подборки с Figtree

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

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

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

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

• Шрифты с поддержкой турецкого языка

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

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

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