Outfit

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

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

• Thin 100Outfit Thin
• ExtraLight 200Outfit ExtraLight
• Light 300Outfit Light
• Regular 400Outfit Regular
• Medium 500Outfit Medium
• SemiBold 600Outfit SemiBold
• Bold 700Outfit Bold
• ExtraBold 800Outfit ExtraBold
• Black 900Outfit Black

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

О шрифте Outfit

Outfit — геометрический гротеск, построенный на окружностях и прямых линиях. На образце видны круглая «O», одноэтажная «a» из чаши и штриха, строчные «t» и «f» с длинными перекладинами и почти неизменная толщина штриха. По официальному описанию, семейство выпустила компания outfit.io, занимающаяся автоматизацией брендинга, как собственный шрифт; за основу взят вордмарк Outfit с множеством лигатур. Это вариативный шрифт с одной осью — насыщенностью — от 100 до 900 и девятью именованными насыщенностями от Thin до Black. Курсива нет. В файле 414 глифов в подмножествах латиницы и расширенной латиницы, а в описании упомянуто обновление 2023 года, расширившее поддержку языков. В таблице name шрифта автором указан Rodrigo Fuenzalida, а в авторах также значится Smartsheet Inc.

Где уместен Outfit

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

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

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

Круглые буквы в начертаниях от SemiBold до Black придают коротким заголовкам чистую геометрическую форму.

Вордмарки

Круглая «O» и одноэтажная «a» делают короткие названия в строчных компактными и ровными.

Заголовки в интерфейсах приложений

Насыщенности от Thin до Light подходят для крупных чисел и заголовков на панелях управления и экранах знакомства с приложением.

Глифы

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

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

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

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

Лицензия

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

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

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

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

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

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

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

<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=Outfit:wght@100..900&display=swap" rel="stylesheet">

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

Курсива нет

В Outfit только прямые начертания.

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

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

По умолчанию — Thin

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

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

Подборки с Outfit

• Шрифты для логотипов и вордмарков

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

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

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

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

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

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

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