VIDEMIND
Типографика Кириллические шрифтыГид

Лучшие кириллические шрифты для сайтов и изданий

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

Лучшие кириллические шрифты для сайтов и изданий — графика VIDEMIND
VIDEMIND · generated
Содержание · 9
  1. Почему с кириллицей всё сложнее, чем с латиницей
  2. Гротески для интерфейса
  3. Антиквы для длинного чтения
  4. Дисплейные гарнитуры для заголовков
  5. Как выбрать пару
  6. Как проверять кириллицу перед выбором
  7. Пары, которые работают почти всегда
  8. На что смотреть, кроме рисунка
  9. Что в итоге

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

Почему с кириллицей всё сложнее, чем с латиницей

Кириллица устроена иначе: в ней больше знаков с прямыми вертикалями, меньше выносных элементов и другой ритм строки. Латинская гарнитура, механически расширенная на русский, почти всегда выдаёт себя — слишком узкими «ж» и «щ», странной «д» или «з», которая выглядит как перевёрнутая тройка.

Поэтому в подборку попали только те гарнитуры, где кириллица сделана осознанно, а не добавлена по остаточному принципу.

Гротески для интерфейса

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

Golos Text

Paratype · 2020 · OFL, бесплатно

Съешь ещё этих мягких французских булок

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

Кириллица-first: гарнитура проектировалась под русский язык, а не адаптировалась под него. Отлично держит мелкие кегли, спокойна в интерфейсе.

Антиквы для длинного чтения

Для статьи и книги нужна другая логика: важны не различимость на 12 пикселях, а выносливость глаза на десятой минуте чтения. Здесь выигрывают антиквы с крупным очком и умеренным контрастом.

Literata

TypeTogether · 2017 · OFL, бесплатно

Текст, который читают десять минут подряд

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

Спроектирована для экранного чтения книг. Крупное очко, открытые формы, аккуратная кириллица — на длинных текстах ведёт себя лучше большинства бесплатных антикв.

Дисплейные гарнитуры для заголовков

Заголовок работает по другим правилам: здесь можно и нужно быть заметным. Главное требование — чтобы на крупном кегле не разваливались межбуквенные пробелы и не появлялись «дыры» вокруг «г», «т» и «у».

Unbounded

Etcetera Type Company · 2022 · OFL, бесплатно

ДИЗАЙН КРУПНО

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

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

Prata

Cyreal · 2012 · OFL, бесплатно

Журнальный разворот

АБВГДЕЁЖЗИЙКЛМНОПРСТУФХЦЧШЩЪЫЬЭЮЯ 0123456789

Дидон с высоким контрастом. Хороша для цитат и спецматериалов, но требует крупного кегля: на мелком тонкие штрихи исчезают.

Как выбрать пару

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

  • Контраст по назначению, а не по капризу: дисплей — только заголовки, антиква — только текст.
  • Одинаковая высота строчных у пары для интерфейса и текста — иначе блоки будут «прыгать».
  • Проверьте цифры: в таблицах нужны моноширинные, в тексте — пропорциональные.
  • Проверьте лицензию на веб-встраивание отдельно от десктопной.
Лучшие кириллические шрифты для сайтов и изданий — графика VIDEMIND
VIDEMIND · generated
Хорошая кириллица — та, которую рисовали, а не пересчитывали из латиницы. Разницу видно в «ж», «щ» и в цифрах.

Как проверять кириллицу перед выбором

Наличие русских букв в шрифте ничего не говорит о качестве набора. Кириллица часто дорисовывается позже латиницы и другими руками, поэтому проверять нужно не образец заголовка, а поведение конкретных знаков в тексте. Быстрая проверка занимает несколько минут и отсеивает большинство проблемных гарнитур.

  • Наберите строку с «ж», «щ», «ю», «б», «д», «ф» — самые сложные по построению знаки.
  • Сравните ширину «н», «п», «и»: в плохой кириллице они гуляют и текст выглядит рваным.
  • Посмотрите на «к» и «ж»: диагонали часто оказываются слишком тонкими и «выпадают» из строки.
  • Проверьте цифры в тексте — старостильные и табличные ведут себя по-разному.
  • Наберите абзац в 16 px и посмотрите на серое пятно: оно должно быть ровным, без тёмных сгустков.

Пары, которые работают почти всегда

ЗадачаЗаголовкиТекст
ИнтерфейсПлотный гротескГуманистический гротеск
Издание, длинное чтениеАкцидентная антикваЭкранная антиква
АйдентикаХарактерный дисплейныйНейтральный гротеск
Документы и таблицыГротеск средней насыщенностиГротеск с табличными цифрами
Принцип подбора: контраст по характеру, близость по пропорциям и высоте строчных.
Лучшие кириллические шрифты для сайтов и изданий — графика VIDEMIND
VIDEMIND · generated

На что смотреть, кроме рисунка

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

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

Третье — лицензия. Для веба нужна отдельная веб-лицензия или свободная лицензия, допускающая встраивание. Использование настольной лицензии на сайте — распространённое и вполне реальное нарушение.

Лучшие кириллические шрифты для сайтов и изданий — графика VIDEMIND
VIDEMIND · generated

Что в итоге

Хорошая кириллическая гарнитура сегодня — не дефицит: бесплатных качественных вариантов достаточно для большинства проектов. Дефицит — во внимании к набору: трекингу, интерлиньяжу и висячей пунктуации.

Начните с трёх гарнитур из списка, соберите на них типографическую шкалу — и вы получите больше пользы, чем от покупки редкой коммерческой лицензии.

Коротко

Как проверить качество кириллицы в шрифте?
Наберите строку со знаками «ж», «щ», «ю», «б», «д», «ф» и посмотрите на ширину «н», «п», «и». Затем наберите абзац в 16 px: серое пятно должно быть ровным, без тёмных сгустков.
Сколько шрифтов использовать в проекте?
Как правило, два: акцидентный для заголовков и рабочий для текста. Третий оправдан, когда у него отдельная функция, например моноширинный для кода или подписей.
Чем кириллический набор отличается от латинского?
Строчные ближе по высоте к прописным и меньше выносных элементов — у глаза меньше опорных точек. Поэтому кириллице нужен чуть больший интерлиньяж и чуть меньший кегль, чем тому же тексту латиницей.
Продолжить тему · Кириллические шрифты

Шрифт для логотипа

Когда достаточно готовой гарнитуры, когда нужна доработка и когда без собственного начертания не обойтись. С разбором лицензионных нюансов.Дальше

Нашли ошибку или неточность в атрибуции? Напишите нам

Обсуждение

Загружаем…

Только имя и мысль. Ссылки, разметку, код и номера телефонов журнал не публикует — учётных записей на сайте нет, и оставлять здесь ссылку бессмысленно.

0 / 1500