Разработка шрифтов

Adekvat — геометрический гротеск с кириллицей и 18 начертаниями

Шрифтовое семейство Adekvat: 9 весов, прямые и наклонные начертания, латиница и кириллица. Показываем характер гарнитуры, вариативность, знаки и текстовый набор.
Adekvat — геометрический гротеск со спокойным характером. В этом кейсе показываем шрифтовое семейство через реальные образцы: от тонкого Thin до насыщенного Black, от крупной надписи до абзаца. Все шрифтовые примеры представлены изображениями, отрендеренными из материалов проекта.
Гарнитура Adekvat: название, состав семейства и образец вариативного шрифта при весе 400
Фрагмент исходного HTML-образца. На изображении зафиксирован вес 400; ползунок — часть скриншота.

Задача шрифтового проекта

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

Характер Adekvat

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

Девять прямых начертаний

В семейство входят Thin 100, ExtraLight 200, Light 300, Regular 400, Medium 500, SemiBold 600, Bold 700, ExtraBold 800 и Black 900. Один и тот же текст позволяет сравнить изменение насыщенности без смены содержания.
Девять прямых начертаний Adekvat от Thin 100 до Black 900, примеры кириллицы и латиницы
Начертания из demo.html: одна фраза в девяти весах.

Наклонные начертания

У каждого из девяти весов есть наклонная версия. Вместе с прямыми они образуют 18 статических начертаний. По документации проекта наклон составляет 10° и получен механически; это наклонные варианты прямого рисунка, без отдельно нарисованного курсивного построения.
Все девять наклонных начертаний Adekvat: от Thin Italic до Black Italic
Дополнительный образец, отрендеренный из девяти локальных файлов WOFF2.
Примеры Regular Italic и Bold Italic гарнитуры Adekvat из HTML-образца
Курсивные фразы из исходного demo.html.

Вариативная версия

Помимо статических начертаний, в комплект входит вариативный шрифт с осью веса wght от 100 до 900. В исходном HTML насыщенность меняется ползунком с шагом 1. Это позволяет выбирать промежуточный вес между стандартными значениями; в презентационном кейсе показан фиксированный образец.

Валюты и числовой набор

HTML-образец показывает цены со знаками рубля, доллара, евро, фунта, иены и других валют, а также знак номера. В комплекте заявлены табличные и пропорциональные цифры — для разных задач набора числовой информации. Региональные валютные знаки, согласно README, сконструированы из букв и штрихов.
Валютные знаки Adekvat: рубль, доллар, евро, фунт, иена и другие символы рядом с числами
Валюты и числовые примеры из HTML-файла.

Тире, минус и индексы

Отдельный образец показывает дефис, короткое и длинное тире, математический минус, надстрочные и подстрочные индексы. Формулы H₂O, CO₂ и E = mc² помогают увидеть эти знаки в контексте.
Adekvat: дефис, тире, минус, подстрочные и надстрочные индексы в формулах
Знаки и индексы из demo.html.

Шрифт в абзаце

Текстовый образец даёт представление о ритме строчных букв и плотности набора. В нём есть русская панграмма «Съешь же ещё этих мягких французских булок да выпей чаю» — фраза для демонстрации букв алфавита в связном тексте.
Абзац, набранный Adekvat Regular, с русской панграммой
Исходный текстовый образец гарнитуры.

Состав комплекта и основа проекта

Материалы включают статические файлы TTF, OTF, WOFF и WOFF2, вариативные версии TTF, WOFF и WOFF2, CSS с объявлениями @font-face и самостоятельный HTML-образец.
Документация также фиксирует ограничения текущего комплекта: нет отдельных дробей ½¼¾, знаков µ † ‡ ‰ ƒ, букв Ђ Ћ Љ Њ Џ, капители и рисованного курсива. Поэтому состав символов следует соотносить с языком и задачами конкретного макета.

Результат

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