Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-02-21

1 <a>#подборки</a>

2 <ul><li>19 фев 2025</li>

3 <li>0</li>

4 </ul><h2>Какой это шрифт? Семь способов найти название по картинке</h2>

5 Собрали сервисы и ресурсы, которые помогут распознать нужный шрифт и найти похожие.

6 Иллюстрация: Полина Честнова для Skillbox Media

7 Пишет про шрифты, рисует шрифты, исследует... шрифты, конечно же. Дизайнер в TypeType. Автор канала<a>matveijdidthat</a>.

8 Зачастую концепция или требования в техническом задании ставят перед дизайнером нелёгкую задачу - найти определённый шрифт или подобрать похожий. Причин требовать точности может быть множество: надо выдержать стиль русского авангарда, или подобрать начертание, похожее на шрифт другого бренда, или же вообще использовать не известный вам шрифт, "именно как на этой картинке".

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

10 Латинский шрифт навигации токийского метро - это Shin Go / RodinФото: Матвей МалкинСамый популярный сервис поиска шрифта по изображению. Поиск производится по базе площадки MyFonts, что полезно, если вы уверены, что ищете популярный шрифт. Однако с более нишевыми гарнитурами у сервиса могут возникнуть трудности.

11 Есть ещё один минус - слабая и нестабильная работа с кириллицей.

12 Доступ к сайту для пользователей из России ограничен.

13 Скриншот:<a>MyFonts</a>/ Матвей МалкинПроверяем распознавание шрифта с нашей фотографии: сервис выдал несколько похожих.

14 Скриншот:<a>MyFonts</a>/ Матвей Малкин<a>Узнать подробнее</a>

15 <h2>WhatFontIs</h2>

16 Куда более "прокаченный" с технической стороны сервис:

17 <ul><li>позволяет редактировать изображения (настраивать контраст, яркость, снижение шума);</li>

18 <li>можно запросить поиск только по бесплатным шрифтам;</li>

19 <li>есть бóльшая, чем у WhatTheFont, база гарнитур.</li>

20 </ul>Минусы - не распознаёт кириллицу.

21 Скриншот:<a>What font is</a>/ Матвей Малкин<a>Узнать подробнее</a>

22 Сервис аналогичен WhatTheFont - он от конкурирующей площадки дистрибуции шрифтов FontSpring.

23 Во многом функции Font Matchenator такие же, но он ещё удобно показывает условия лицензирования найденных шрифтов, а также находит бесплатные аналоги.

24 Работает как с латиницей, так и с кириллицей.

25 Скриншот:<a>Fontspring</a>/ Матвей Малкин<a>Узнать подробнее</a>

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

27 Скриншот:<a>LikeFont</a>/ Матвей МалкинКстати, этот сервис единственный верно идентифицировал шрифт на картинке и указал на Shin Go.

28 Скриншот:<a>LikeFont</a>/ Матвей Малкин<a>Узнать подробнее</a>

29 Не самый стандартный, но в определённых случаях крайне полезный сервис, который умеет распознавать шрифты на основе ассоциаций. Может быть, вы помните часть названия, или вам запомнилась особенно характерная буква "а", или вы знаете, кто автор искомого шрифта, - через эти косвенные характеристики сервис может найти ту или иную гарнитуру.

30 Библиотека у него не так велика, как у остальных проектов, однако для поиска достаточно распространённых шрифтов его вполне хватит.

31 Скриншот:<a>Identifont</a>/ Матвей Малкин<a>Узнать подробнее</a>

32 Идентифицировать шрифты на веб-сайтах - это самая простая задача, ведь гарнитура всегда вшита в код страницы. Однако, чтобы не залезать в код страницы и элемента, можно воспользоваться куда более удобным расширением для браузера FontNinja.

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

34 Скриншот: Chrome / Матвей Малкин<a>Узнать подробнее</a>

35 На момент выхода этой статьи ни один сервис не сможет так же точно определить шрифт, как человеческий глаз. Воспользоваться такими "глазами" вы и сможете в чате "Что за шрифт?".

36 Скриншот: @whatthefontt /<a>Telegram</a>/ Skillbox Media<a>Узнать подробнее</a>

37 <a>Курс с трудоустройством: "Профессия Графический дизайнер PRO" Узнать больше</a>