Tilda Education
Подборка лучших бесплатных кириллических шрифтов
Как выбрать шрифт для современного, утонченного, премиального или креативного бренда? Разбираемся вместе с дизайнерами на примере реальных сайтов.
3 января 2026
23 минуты
Гарнитура —
Из статьи вы узнаете:
«Использовать кириллические шрифты практически невозможно» — миф или правда?
«Сложно, долго, скудно» — так многие дизайнеры описывают поиск кириллических гарнитур. Можно даже взглянуть на большинство портфолио: часто кейсы оформлены на латинице только потому, что «это выглядит красивее». Разбираемся вместе с экспертом: в чём проблема гарнитур со славянскими буквами и оправданы ли самые популярные возражения дизайнеров.
«Кириллических шрифтов мало»
Европейский и американский рынки шире: на них больше компаний, денег и клиентов. Соответственно, дизайнеры стараются продавать гарнитуры там, где выше спрос. Из-за этого у многих шрифтов либо есть не все начертания на кириллице, либо их нет вообще.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiЯ бы не сказала, что русскоязычных гарнитур мало. Их просто меньше по сравнению с латиницей: из-за международного использования последняя заметно более распространена. Однако это не означает, что кириллических шрифтов нет. Надеюсь, что наша статья развеет этот распространённый миф.
«Классные гарнитуры платные»
У многих шрифтов закрытая лицензия. Перед использованием проверьте, можно ли делать это бесплатно. Если нарушить правила, разработчик гарнитуры может подать в суд и по закону его выиграть.
Лицензия — право на использование шрифта в коммерческих проектах. Закрытая лицензия — право на использование, которое нельзя получить или можно получить только за деньги.
Многие компании разрабатывают шрифты сами, чтобы выделяться и не быть похожими на других. Однако на это нужны деньги и соответствующие дизайнеры, поэтому обычно такие возможности доступны только крупным компаниям.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiЧаще всего действительно классные шрифты появляются в словолитнях — предприятиях, разрабатывающих и выпускающих гарнитуры. И да — за использование таких гарнитур обычно нужно платить.
Но это не значит, что хороших бесплатных шрифтов нет. Например, на курсе, где я преподаю, у нас есть бесплатные «любимчики». Мы часто рекомендуем их ученикам.
Например, для своей работы ученица Ксения Савкина взяла бесплатные шрифты IBM Plex Sans и Vela Sans. С их помощью получилось передать сдержанный, но мягкий характер медицинского сервиса. Дальше в статье — разбираем множество примеров, где задачи дизайнера удалось закрыть с помощью бесплатных гарнитур.
«Латиница выглядит лучше»
Основные известные шрифты созданы для латинских букв. Поэтому обычно, даже если гарнитура адаптирована под кириллицу, она проработана хуже. Для примера можно попробовать написать одно и то же, но на разных языках.
Пример одинакового текста с одними и теми же настройками для шрифта Inter как на кириллице, так и на латинице. Во втором случае буквы кажутся проще и гармоничнее.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiДействительно, это довольно распространена идея, что латиница выглядит более красиво. Однако в этом утверждении много неизвестных. У каждого проекта есть свой характер и своё «лучше». Выбор зависит в первую очередь от того, какое впечатление хочет произвести дизайнер. В приведённом выше примере адаптированный под славянские буквы Inter просто подойдёт под более динамичные или строгие проекты, чем стандартный латинский. Это не значит, что он хуже или лучше.
Базовые бесплатные кириллические шрифты
Здесь собрали как классические, так и современные открытые гарнитуры, которыми часто пользуются дизайнеры. Они отлично подходят для наборного текста, но часто их используют и для заголовков. Если же хочется чего-то более креативного и нетипичного, — читайте главу про акцидентные шрифты.
Это базовый шрифт, на котором многие дизайнеры по умолчанию делают макеты. Это гарнитура на все случаи жизни. Если вам нужен универсальный шрифт со множеством начертаний — выбирайте Roboto. Он имеет разные виды: просто Roboto, а ещё Roboto Condensed, Flex, Mono, Serif и Slab.
К Roboto привык современный пользователь, потому что он используется по умолчанию во многих крупных продуктах.
Roboto — основной шрифт для операционной системы Android.
Roboto — основной шрифт для операционной системы Android.
Это стандартный шрифт, который последнее время стал даже популярнее Roboto среди интерфейсных дизайнеров. Inter — гарнитура без засечек, которой любят изменять трекинг. Конечно, дизайнеры отдают предпочтение шрифту не просто так. Это интерфейсная гарнитура Figma — главной программы дизайн-сферы.
Трекинг — межбуквенное расстояние. У Inter оно по умолчанию большое, поэтому дизайнеры любят его уменьшать.
Inter — интерфейсный шрифт Figma и Notion.
Это стандартный шрифт без засечек. Пользователь привык к кириллическому написанию этой гарнитуры, потому что она тоже используется по умолчанию в некоторых приложениях. Подойдёт, когда вы хотите использовать базовый шрифт, например для B2C-сферы.
Это шрифт от русского разработчика Paratype. Он создан специально для использования в государственных и социальных интерфейсах. Если вы делаете продукт в B2B, где много госклиентов, вам отлично подойдёт Golos Text. А ещё он очень похож на модные зарубежные аналоги, но у него российский разработчик. Следовательно, им не запретят пользоваться, и он всегда будет поддерживаться на кириллице.
Golos используется на сайтах, которыми пользуются миллионы пользователей: его используют Почта России, Моё Дело, Л'этуаль.
Это бесплатный гротескный шрифт. Он хорошо читается, поэтому подходит для набора длинных текстов. Популярные российские компании часто используют его на своих сайтах.
Это фирменный шрифт Тильды. Tilda Sans — вариативная гарнитура с открытой лицензией. Все пользователи платформы могут его брать для коммерческих проектов бесплатно.
Бесплатные кириллические шрифты с характером (акцидентные)
Это гарнитуры, которые используются в коротких текстах для привлечения внимания. Например, в заголовках, плакатах и вывесках. Акцидентные шрифты обычно плохо читаются в мелком размере.
Если вы используете акцидентный шрифт, в пару к нему — для основного текста — возьмите любой удобочитаемый.
Например, вы делаете геймифицированный сайт или хотите сделать отсылку к Майнкрафту. Шрифт должен передавать тематику компьютерных игр. Он как бы должен сказать: «Я игровой и острый».
Подойдёт, например, для хендмейд брендов. На сайте можно использовать шрифты с засечками или с необычными буквами для заголовков и акцентных элементов. Гарнитура здесь должна говорить: «Я выделяющаяся и запоминающаяся».
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiВ качестве рекомендации мне хочется предложить смешной и нелепый шрифт Firenight, который подойдёт не каждой работе. Зато какой он выразительный!
В этом примере от Леры Прервы именно за счёт сочетания этого весёлого акцидентного шрифта и полигональных моделей в 3D выстраивается весь характер работы.
Рукописные MartinascriptC и Pribambas
Подходящий вариант для творческих проектов. Они делают ещё больший акцент на креативности сайта. Здесь гарнитура передаёт неофициальное настроение дизайна. Шрифт должен говорить: «Я воздушный и лёгкий».
Приставка Display в названии шрифта обычно означает то, что изначально он рассчитан для использования в заголовках и в крупном размере. Например, у Inter есть отдельный шрифт для заголовков — Inter Display. Так что обычно, если видите эту приставку в шрифте — значит, он предназначается в качестве акцидентного.
Премиальные PlayfairDisplay Italic и CATLinz
Например, вы делаете сайт для платёжеспособной аудитории. И вам надо показать превосходство за счёт изящного шрифта в заголовках. Гарнитура должна говорить: «Я дорогая и лучше других».
Например, вы делаете сайт для привычных сфер: недвижимость, ИТ, бизнес. Но за счёт дополнительного шрифта вы хотите сделать стильный акцент. Гарнитура должна говорить: «Я контрастная и необычная».
Подойдёт, когда вы хотите сделать сайт ностальгическим и напомнить об эпохе 1990-х или 1980-х, например. В этом случае гарнитура должна поддерживать общее настроение сайта. Шрифт в стиле ретро говорит: «Я газетный и винтажный».
Например, вы делаете сайт для B2C проекта и не хотите брать часто используемые шрифты (Inter, Roboto, Arial). Подойдёт для сайтов ИТ, маркетинга и конференций. Шрифт здесь говорит: «Я уникальный и модный».
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiПро заезженный шрифт
В последнее время я часто вижу Unbounded в роли акцидентного шрифта. Такое ощущение, что его используют и по назначению, и просто «потому что модно». А у него достаточно резкие, выразительные формы, которые не всегда дружат с задачей проекта.
Например, вы делаете сайт для медицинской организации или школы детского творчества. Здесь надо передать с помощью гарнитуры спокойствие и внимание к пользователю. Шрифт должен говорить: «Я понимающий и поддерживающий».
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiХочу посоветовать незаезженный шрифт с засечками. Если вы из подобных гарнитур знаете только Times New Roman, но хотите выделиться — берите Noto Serif. Шрифт показывает заботу и надёжность компании.
Проект ученицы Анастасии Стаматовой, где используется Noto Serif для заголовков. Шрифт говорит о заботе, которую предоставляет компания для питомцев.
5 шагов: как правильно подобрать шрифт
1. Определить, какие ассоциации он должен вызывать
Этот этап дизайнеру лучше пройти вместе с заказчиком, чтобы видение будущего результата у обеих сторон совпадало. Важно выяснить, каким должен быть характер шрифта: с какими образами, эмоциями и чувствами он должен быть связан.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiС учениками мы обычно начинаем с ключевых слов, которые помогают зафиксировать характер проекта. Например, «нежный» и «утончённый» или «яркий» и «бунтарский». От этих же ассоциаций мы отталкиваемся при подборе референсов.
Ученица Лиза Перфилова в работе на Behance использует бесплатный шрифт Manrope. Он подходит под теги «чистый» и «дружелюбный».
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiМы также исследуем конкурентов и смотрим, какие стилистические решения они выбирают. В том числе типографику. Это помогает понять визуальные нормы ниши и увидеть повторяющиеся элементы. Дальше можно либо выбрать что-то похожее, либо отстроиться от остальных с помощью необычной стилистики.
Helvetica Neue — стандартный шрифт для образовательных проектов. Например, он используется на сайтах: donipp.ru, aagschool.com и online.synchronize.ru. А вот школа trilingual.ru выделяется за счёт шрифта. При этом бренд использует бесплатные гарнитуры: Cakra для заголовков и Cygre для наборного текста.
2. Проверить на читабельность
Гротеск —
Засечки —
Антиква —
Слева текст написан Times New Roman, шрифтом с засечками. Справа — Arial, шрифтом без засечек. С одними и теми же настройками гарнитуры текст справа читать проще. Буквы в Arial крупнее, слова чётче, предложения воспринимаются легче и понятнее.
Для заголовков и текстовых логотипов можно использовать декоративные шрифты. Здесь обычно используют крупный размер, который позволяет прочитать и антиквенный, и рукописный, и любой другой шрифт. Однако не стоит брать совсем нечитабельную гарнитуру — люди не будут всматриваться, чтобы прочитать, а просто пройдут мимо..
Слева используется шрифт Comforter Brush. Он читается плохо и приходится вглядываться, чтобы понять, что написано. Справа — Bad Script. Он выглядит рукописным, но при этом читается проще.
- Илья ПоликарповАвтор статьи, дизайнер и автор курса «Фигма для редакторов»Конечно, иногда можно брать и неудобочитаемые шрифты. Но обычно это делают опытные дизайнеры — они сознательно используют текст скорее как графический элемент, а не как способ передать информацию. Чтобы понять, что написано, человек будет вынужден потратить время. Нужно быть уверенным в своей аудитории, чтобы применять такие техники. Для массовых продуктов я не советую этого делать.
3. Выяснить, какие начертания доступны
Например, вы планируете использовать шрифт для разных продуктов: сайта, полиграфии, мобильного приложения, презентаций. Конечно, вам придётся применять разные начертания. И чем больше вариативность, тем проще будет в будущем.
Bold, Semibold, Medium, Regular, Light и Italic — базовый минимум. Например, когда вы создаёте сложный интерфейс, вам может понадобиться:
- выделить текст жирным или полужирным,
- использовать курсив,
- сделать текст тонким.
Italic — курсивное начертание шрифта. Часто в гарнитуре дублируются обычное начертание и курсивное. Например, у Inter есть Medium и Medium Italic, Bold и Bold Italic и так далее.
С такими задачами справится шрифт с большой вариативностью начертаний.
Шрифт должен иметь галочки, математические символы и знак рубля, если заказчик будет прописывать цены. У некоторых гарнитур даже есть иконки в наборе: Wingdings, TT Ricks и TT Neoris.
Универсальное решение — вариативный шрифт. Например, вы мучаетесь с выбором нужной толщины. И вам кажется, что Regular тонкий, а Medium уже жирный. Тогда вы можете обратиться к вариативным шрифтам, у которых в одном файле находится весь диапазон начертаний. Можно выбрать любой вариант между самым тонким и самым жирным, самым узким и самым широким. Inter — один из вариативных шрифтов.
В Фигме вы можете открыть выпадающий список начертаний и увидеть, вариативный ли это шрифт. Если да, то появятся соответствующие настройки.
4. Учесть характер бренда
Шрифт должен передавать настроение и стиль проекта. Трудно себе представить рукописный шрифт на сайте банка или нефтедобывающей компании. Или тяжеловесное жирное начертание там, где надо передать лёгкость и креативность.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiУзкий шрифт чаще воспринимается как более аккуратный и крафтовый. Он может поддержать утончённость или интеллигентную выразительность. Широкий и жирный, наоборот, даёт ощущение силы, динамики и напора.
Декоративные и шрифты с засечками — для мягкого и творческого. Например, если вы делаете интернет-магазин женской одежды или художественной студии. Здесь шрифт говорит о лёгкости, креативности и необычности.
Гротеск — для финансового, айтишного и фундаментального. Например, если вы делаете сайт для банка, юридической компании или официального городского портала. Здесь шрифт говорит про стабильность и уверенность.
5. Убедиться, что гарнитура бесплатная
Выбрали шрифт — проверьте лицензию на сайте разработчика. Это простой алгоритм, который поможет избежать проблем. Например, вы решили использовать привычный шрифт Inter. Вы вроде знаете, что гарнитура бесплатная, но хотите в этом убедиться.
Используйте этот простой алгоритм:
- Перейдите на официальный сайт шрифта. В этом случае это сайт разработчика шрифта Расмуса Андерссона: https://rsms.me/.
- Найдите страницу, посвящённую нужному шрифту: https://rsms.me/inter/.
- Отыщите информацию об условиях использования — обычно она располагается в самом конце.
- Илья ПоликарповАвтор статьи, дизайнер и автор курса «Фигма для редакторов»Почти все шрифты — бесплатные для личного использования, но платные для коммерческого. Это значит, что вы можете взять гарнитуру для учебного проекта в портфолио. Но нельзя использовать её на личном сайте, где вы что-то продаёте или предлагаете. В статье под бесплатными имеются в виду те, которые можно свободно применять в любых проектах.
Как сочетать шрифты
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiКогда достаточно одного шрифта в проекте
Один шрифт хорошо работает, когда вам важны минимализм, цельность и спокойная строгость. Выбирайте его для проектов, где типографика должна быть аккуратным «фоном» для смысла, а не главным художественным приёмом.
Когда стоит использовать несколько шрифтов в проекте
Несколько шрифтов уместны, когда вы хотите усилить характер проекта. Такое решение помогает выстроить иерархию, подчеркнуть разные роли текста и сделать дизайн более выразительным. Чаще всего достаточно двух шрифтов, но можно использовать больше.
Иногда надо передать разные эмоции на сайте. Например, хочется одновременно лёгкости и чёткости. В этом случае можно взять антикву и гротеск. Или использовать не совсем стандартную гарнитуру. Тогда её лучше взять для заголовка, а для текста использовать стандартный легко читаемый гротеск.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiКак подбирать шрифтовые пары
Хорошая пара строится на сильном различии. Если шрифты слишком похожи по стилю и пластике, их использование в одном проекте выглядит как случайность. Важен контраст: по характеру, эпохе, пропорциям или классу. Например, можно использовать гротеск и антикву. В этом случае пара читается как осознанный выбор дизайнера.
Заголовок — антиква, основной — гротеск
Это контраст, который явно заметен даже обывателю. Возьмите шрифт с засечками для заголовков, а гротеск для наборного. Так вы сможете передать лёгкость и заботу с помощью акцентной гарнитуры, при этом сохраните читаемость обычного текста.
Заголовок — узкий или широкий жирный, наборный текст — стандартный
Это также контрастное сочетание шрифтов. Например, вы хотите выделиться за счёт гарнитуры в заголовке, но при этом сохранить читаемость наборного текста. Подойдёт для сфер, где надо отойти от корпоративного стиля.
Заголовок — узкий или широкий жирный, наборный текст — стандартный
Это отличное сочетание, когда часть заголовка нужно выделить. Например, основную набрать жирным гротеском и выделить нужное словосочетание тонкой антиквой. Или наоборот. Подойдёт для креативных и эмоциональных сфер.
- Дарья ЩербаковаLead Product Designer в Emex, Lead Art Director в wannabe, куратор на курсе superpowered ux/ui и автор Telegram-канала @superuxuiМы учим дизайнеров не быть такими категоричными в выборе шрифтов. Наоборот, предлагаем ученикам пробовать необычные сочетания: например, антикву в наборе и акциденцию или гротеск — в заголовках. Нестандартные комбинации шрифтов — это яркий элемент стиля, который может определить характер интерфейса.
Читайте также:
Бесплатный онлайн курс, который научит создавать эффективные посадочные страницы
Курс, который научит вас продвигать свой сайт
Теоретический курс Никиты Обухова по веб-дизайну
Бесплатный учебник по веб-анимации с примерами и правилами использования
