Commissioner

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

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

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

Commissioner — вариативный шрифт: весь диапазон насыщенностей в архиве умещается в одном файле, а названные выше насыщенности — точки в этом диапазоне. Отдельного файла с курсивом нет: наклонные начертания задаются осью «Наклон».

О шрифте Commissioner

Commissioner — гуманистический гротеск с невысоким контрастом: Kostas Bartsokas с самого начала задумал его как вариативное семейство с тремя «голосами». Основной голос — гротеск с прямыми стволами. Ось Flare (от 0 до 100) раздувает окончания штрихов до подобия глифических засечек, а ось Volume (тоже от 0 до 100) заостряет эти окончания в клинья. Ось наклона от -12 до 0 даёт угол курсива, а насыщенность проходит от 100 до 900 девятью именованными ступенями, от Thin до Black. На образце основной рисунок отличается широкими открытыми прописными, двухэтажной «a» и волосяными штрихами на краю Thin, которые к Black густеют до плотного набора. Все четыре оси собраны в одном файле на 1 113 глифов с латиницей, расширенной латиницей, кириллицей, греческим и вьетнамским. Commissioner добавлен в Google Fonts в 2020 году и распространяется под лицензией SIL Open Font License 1.1.

Где уместен Commissioner

Продукт и маркетинг из одного файла

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

Заголовки в журналах и газетах

На крупных кеглях Flare и Volume превращают окончания штрихов в расширяющиеся или клиновидные засечки.

Текст на греческом и кириллице

Подмножества латиницы, греческого, кириллицы и вьетнамского одинаково откликаются на все четыре оси.

Выделение без второго файла

Ось наклона от -12 до 0 даёт курсив внутри того же вариативного шрифта.

Фирменный шрифт с настраиваемым голосом

Фиксированные значения Flare и Volume можно выбрать один раз и сделать фирменным стилем.

Глифы

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

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

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

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

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

Лицензия

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

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

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

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

@font-face {
  font-family: "Commissioner";
  src: url("/assets/fonts/Commissioner-VariableFont_FLAR%2CVOLM%2Cslnt%2Cwght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

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

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

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

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

Начальный экземпляр — Thin

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

Flare и Volume — пользовательские оси

Их теги — FLAR и VOLM; в вебе значения задаются через font-variation-settings.

Отдельного курсивного файла нет

Курсив получается с помощью оси наклона в единственном вариативном файле.

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

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

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