За несколько лет работы веб-дизайнером, накопилась некоторая коллекция классных кириллических шрифтов, с которыми мы сейчас познакомимся.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 1

Playfair Display

Бесплатный шрифт, который по умолчанию встроен в Фигму. Шрифт с засечками, который подойдет для дорогих ниш.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 2

Gilroy

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

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 3

Gotham Pro

Бесплатный и универсальный шрифт, который я использую не только в вебе, но и в полиграфии. Его можно назвать «рабочей лошадкой», которая будет хорошо смотреться в большинстве композиций.

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 4

Stolzl

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

красивые кириллические шрифты для Figma, пример использования в дизайне сайта пример 5

P22Underground

Тоже очень легкий шрифт, но один из самых строгих в категории «Без засечек». Его классно использовать в «дизайнерских» макетах, если композиция хаотичная. Это дает классный контраст в макете.


Это были основные шрифты, которыми я (автор figma.info) пользуюсь часто. Передо мной не стояла задача просто показать вам список шрифтов. Важно понимать: какие эмоции вы хотите передать с помощью текста, а затем уже проблематика выбора уходит, так как у вас есть мой вариант, на который можно ориентироваться; после этого просто находите похожие шрифты, или выбираете мой вариант.

Для того чтобы установить шрифт в Figma – я крайне рекомендую скачать десктопную версию, установить шрифт в систему и затем Фигма сама его загрузит к себе.

Не рекомендую использовать онлайн версию, но если вы хотите установить шрифт в браузерную версию Figma, то вам нужно скачать и установить Figma Font Helper.

Важно! Для того, чтобы на практике понять, как происходит работа со шрифтами - рекомендую ознакомиться с готовыми шаблонами Figma. В них вы сможете изменять шрифт, и видеть визуальные отличия. Ссылки на шаблоны: ссылка 1 и ссылка 2