Как определить шрифт по картинке или фото: ТОП-6 онлайн сервисов + приложение для ПК

Рассказываю про сервисы с автоматическим распознаванием шрифтов: какие у них есть достоинства и недостатки, как они справляются с поиском исходного шрифта, проведем предметное тестирование на основе скриншота.

Когда пригодится распознавание шрифтов

Распознавание шрифта по картинке может пригодиться дизайнерам, верстальщикам, маркетологам или разработчикам, связанным с созданием мобильных и веб-приложений, сайтов, интерфейсов и т.п. Часто нужно узнать название шрифта, но исходного файла или информации о его начертании нигде нет. Например, если текст показывается на уровне веб-документа (страницы, рекламного объявления и т.п.), то шрифт можно определить относительно просто – достаточно изучить исходный код страницы. Более того, сам шрифт можно выгрузить в виде файлов.

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

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

Распознавание шрифта по фото особенно полезно в следующих случаях:

• Поиск шрифта на сайте, который запрещает доступ к инструментам разработчика или намеренно запутывает / искажает исходный HTML и CSS-код. В этом случае можно сделать скриншот текста и определить, какой шрифт используется в дизайне без погружения в технические детали.
• Работа с логотипами и рекламой. По фотографии или картинке можно попробовать узнать шрифт, которым написано название компании или слоган. Хотя такие надписи часто делаются с индивидуальными шрифтами. Но тут более интересен поиск чего-то максимально похожего.
• Подбор шрифтов для своего проекта, сайта (веб-интерфейса) или документа (например, для презентации). Детектор помогает найти похожий вариант, если оригинальный шрифт платный или его нельзя скачать.
• Определение начертания. Иногда важно узнать не только название, но также тип начертания и размер: обычное, полужирное, курсивное, высота в пикселях, межсимвольное расстояние и т.д.

Важно помнить, что автоматическое определение или распознавание шрифтов не всегда дает точный результат. Сервис или программа анализирует изображение и предлагает наиболее вероятные совпадения, поэтому окончательный выбор шрифта может потребовать дополнительного сравнения с участием реального человека. Редко когда получается найти 100%-ое соответствие с первого раза.

Как работают сервисы по распознаванию шрифтов

Чтобы сравнить две картинки между собой, необязательно иметь под рукой нейросеть. В общем виде сравнение можно свести к следующим операциям:

1. Разделить строку с текстом на фото (внутри картинки) на отдельные символы.
2. Каждый символ обрезать по границам, перевести в единый цвет, например в черный, и привести к нужному разрешению.
3. Затем соотнести символ на картинке с конкретной буквой или знаком. Обычно это делается вручную пользователем. Но иногда можно встретить автоматические алгоритмы.
4. Разбить картинку с символом на мелкие точки – пиксели. Получится сетка из пустых и заполненных точек.
5. Сравнить совпадение точек на картинке с точками разных шрифтов из базы данных – символ к символу или сетка на сетку, если готовить об отдельных точках или пикселях.
6. Чем больше точек совпадет при наложении на исходник / образец, тем выше вероятность, что вы нашли нужный шрифт.

Вроде несложно, но к подготовке изображения в этом случае предъявляются особые требования. Чем больше будет база шрифтов, тем больше шансов найти тот, что используется на картинке / фото. Однако, база шрифтов не может быть бесконечной, так как многие шрифты защищены авторскими правами. Соответственно, многие коммерческие шрифты рискуют не попасть в индекс детектора.

Сами сервисы поиска отличаются не столько технической точностью распознавания шрифтов, сколько базой, по которой будет осуществляться поиск. Наиболее широкий ассортимент шрифтов можно найти только на профильных площадках, которые предоставляют услуги размещения шрифтов, например, как Google Fonts, или занимаются их продажей для коммерческого использования, как Adobe Fonts (Typekit).

Требования к картинкам, по которым распознают шрифт

Картинка с глифами, то есть с символами шрифта, по возможности должна быть сделана максимально ровно – без перекосов, разных углов обзора и искривлений, например, из-за особенностей объектива камеры. Если фотка сделана под углом, то ее желательно привести к читаемому виду с помощью специальных утилит или графических редакторов.

Например, с выпрямлением текста по прямой может помочь бесплатная программа LinearText. Аналогичная ситуация – для выпрямления строк, вписанных в круглые печати или иные нестандартные формы. Для выпрямления текста, написанного по окружности или по дуге можно использовать утилиту Circular.

На что еще обратить внимание:

• Текст на картинке хорошо читается и имеет достаточную четкость.
• Символы не накладываются друг на друга. Проблема особо остро встает при распознавании рукописных шрифтов.
• Фон достаточно контрастный, чтобы его можно было отделить от букв.
• На картинке нет лишних теней, бликов, искажений и не относящихся к шрифту элементов.

Чтобы соблюсти эти условия, картинку со шрифтом нужно заранее подготовить: обрезать, повернуть, обесцветить, удалить фон, мешающие элементы и т.п. Для этого вам потребуется профильный редактор – работающий с растровой (пиксельной) графикой. Аналогичные функции могут предоставлять и специальные сервисы, позволяющие редактировать картинки в режиме online.

Проблемы при работе с кириллицей (русским языком)

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

Кроме того, один и тот же шрифт часто может иметь разное начертание символов в кириллице и в латинице, что усложняет идентификацию шрифта при распознавании.

Наша рекомендация – при поиске опираться на символы, которые есть в русском и в английском языке, чтобы любой скрипт смог искать совпадения по своей базе, а не угадывать что за символ перед ним. Примеры таких букв: A, B (большая b, в кириллице «Вэ»), P («пи», вместо русской «Рэ»), E, T, O, H (большая h вместно «Нэ»), C, X («икс» вместо «Хэ»), K, M.

Использование ИИ (AI) для распознавания шрифтов

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

Сейчас вместо экспертов можно привлечь популярные модели искусственного интеллекта – ИИ-ассистентов. Например, ChatGPT со 100% попаданием определил по загруженной картинке не только семейство шрифта, но и его параметры: цвет, высоту и толщину.

Алиса AI лучше других работает с рукописным текстом на русском языке. Но и с распознаванием печатных шрифтов тоже справляется неплохо.

Современные ИИ тоже имеют «насмотренность», так как обучаются на большом объеме данных. Однако, они имеют те же проблемы, что и профильные сервисы – у них нет собственной базы шрифтов, поэтому в первую очередь из поиска выпадают закрытые и коммерческие варианты.

Пример попытки реализации детектора шрифтов на базе ИИ – whatsthatfont .com (Whats that font, русск. «Что это за шрифт»). Проект работал на основе модели Claude Opus 4.6 Vision и предоставлял сам скрипт обработки в открытом виде. Ныне сайт еще доступен, но распознавание шрифтов не работает, а репозиторий с кодом удален. Скорее всего проект не потянул расходы на токены для API Claude Opus.

По этой причине гораздо логичнее делать распознавание через ИИ-ассистентов в индивидуальном порядке – можно обойтись даже бесплатными лимитами и без задействования API.

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

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

WhatTheFont от MyFonts – большая база премиум-шрифтов и ИИ-поиск

Дословно What the Font переводится как «Что за шрифт». Это один из самых раскрученных сервисов для автоматического распознавания шрифта по изображению. Он использует технологии deep learning и ищет совпадения в коллекции Майфонтс, содержащей более 230 000 начертаний. Для поиска достаточно загрузить картинку в формате JPG или PNG, после чего выделить область с текстом. Сервис сам «нарежет» строку на буквы, проанализирует совпадение глифов и выдаст список наиболее подходящих шрифтов. Здесь можно загружать изображение с несколькими гарнитурами и выбирать конкретный фрагмент для анализа.

Вместо загрузки с ПК можно вставлять ссылку на общедоступное изображение. Плюс есть нативные приложения для мобильных – iOS и Android. Стандартное распознавание работает без авторизации, но для задействования ИИ нужна авторизация в аккаунте. При просмотре результатов распознавания выбранное слово будет написано с использованием конкретного шрифта, чтобы вы могли сравнить результаты с исходным образцом. При желании можно активировать опцию показа вариантов надписей в виде картинок с типовыми элементами оформления – флажок Image.

Важное ограничение — сервис ориентирована в первую очередь на латиницу. Он не поддерживает японские и другие CJK языки. Поэтому для распознавания русского текста и кириллицы лучше использовать альтернативные сервисы или выделять на картинке символы, совпадающие с латинскими.

Минусы: сайт не работает в РФ. В результатах в первую очередь продвигаются платные шрифты из базы, поэтому само распознавание здесь нужно скорее для привлечения внимания. Шрифт из примера определить не получилось, а многие образцы начертания показывались квадратиками – из-за кириллических символов.

WhatFontIs – сайт агрегатор бирж шрифтов с поиском похожих

Еще одна игра слов в названии: What Font Is – «какой шрифт используется». Это агрегатор для нескольких профильных сервисов по продаже и поиску шрифтов. Функционал тут стандартный: выделение текста, сопоставление символов (часть автоматически, часть вручную), а затем подбор совпадений со ссылкой на сервис и шрифт. Особое отличие от предыдущего варианта – в базе есть шрифты, которые распространяются бесплатно. Регистрация для распознавания шрифтов не нужна.

Заявлена индексация более 1 200 000 шрифтов. Изображение можно загрузить с компьютера, вставить из буфера обмена или указать URL. Для наилучшего результата рекомендуется использовать одну четкую строку текста и только один стиль шрифта.

Из минусов. Тоже недоступен в РФ. С нашим поиском сервис не справился. Arial распознать он не смог. Зато было предложено огромное множество коммерческих шрифтов. Кириллица не поддерживается, поэтому при нарезке глифов использовали максимально похожие символы в латинице.

Font Matcherator от FontSpring – скрипт распознавания текста и шрифтов

FontSpring – биржа шрифтов, поэтому наличие здесь скрипта по распознаванию вызвано предложением дополнительных услуг. Matcherator можно перевести как «искатель соответствия». Это веб-приложение, которое работает без всяких ИИ. Из коробки имеет два варианта распознавания глифов – на основе строк и на основе отдельных символов с указанием соответствия вручную.

Использование Fontspring Matcherator бесплатное – без регистрации и установки ПО на компьютер.

Из минусов: не работает в РФ. С кириллицей сервис не справился, по скрину из образца шрифт не определил. Замена символов на латинские при распознавании не особо помогла. Рисунок с текстом слишком сильно упрощается для индексации, отсюда и проблемы. Это, видимо, сделано для ускорения поиска, но из-за этого страдает качество распознавания.

LikeFont – тысячи шрифтов в одном месте + утилита для идентификации

Like Font – «как шрифт». Китайский онлайн-сервис по продаже и поиску шрифтов. Самая важная особенность – поддержка кириллицы и CJK-языков. Поиск по шрифтам может работать не только в браузере, но и на основе нативных клиентских приложений: для Windows, Linux, MacOS, iOS и Android. Ручное и полуавтоматическое соотнесение символов работает без регистрации, но для автоматического распознавания нужно авторизовываться в сервисе. Встроенный редактор сам обесцвечивает картинку и удаляет фон. При желании можно изменить наклон, поворот, отражение и некоторые другие опции. Однако кропа в редакторе нет, поэтому обрезку нужно сделать заранее.

Минусы: с нашим образцом сервис не справился, текст не распознал. Автоматическое выделение символов больше рассчитано на иероглифы, чем на латиницу или кириллицу.

FontsNinja – расширение для браузеров Google Chrome, Safary, Firefox и Microsoft Edge

FontsNinja – это платная биржа шрифтов. Однако оригинальное браузерное дополнение не привязывается только к внутреннему каталогу. Оно определяет шрифт на веб-страницах исходя из CSS-стилей и свойств HTML-элементов. Соответственно, оно технически работает оффлайн – на вашем рабочем месте, уже после загрузки любой страницы в браузере. Шрифт определяется на 100% точно, так как это делается на основе исходного HTML-кода. Никакой регистрации или иных дополнительных действий не требуется. Нужно только выделить текст и получить исчерпывающие данные о шрифте: автор, ссылка на скачивание / покупку, поддержка языков, варианты стилей и т.п.

Из минусов: интерфейс только на английском, есть проблемы с распознаванием шрифтов в веб-приложениях (тех, что написаны с большим количеством JavaScript-кода).

Font Identifier – небольшая база авторских шрифтов + скрипт распознавания

Идентификатор шрифта – это один из вспомогательных инструментов для работы со шрифтами от проекта What Font Finder (хранилище бесплатных шрифтов, связанных с поп-культурой). В индексе базы только собственные шрифты, более 300 штук, и открытые, из Google Fonts. При поиске можно использовать не только картинки, но и дополнительные фильтры: источник (Source), категория (Category), вес/толщина, стиль и пр. Обрезка выполняется на лету – с помощью выделения областей картинки мышью.

Минусы: не работает в РФ. С нашей задачей не справился, глифы не распознал вообще никакие, даже ввод полного текста руками не помог.

FontDetect – набор утилит для локального распознавания шрифта по фото

Здесь речь не об онлайн-сервисах, а о наборе десктопных программ. Их можно скачать только для среды Windows. Работают утилиты Font Detect полностью оффлайн. Соответственно, чтобы найти точное совпадение шрифта, вам нужно предварительно собрать огромную базу шрифтов, которые будут храниться локально – на диске вашего компьютера.

Софт распространяется бесплатно, но с закрытым исходным кодом. Любой желающий может пожертвовать разработчику небольшую сумму денег (СБП/ЮMoney). В набор утилит входят: менеджер шрифтов, средство для идентификации шрифтов, инструменты выравнивания и пр.

Минусы: поиск осуществляется локально, поэтому он потребляет ресурсы ПК и занимает много времени. Идентификация шрифтов осуществляется только по локальной базе – без нее никак.

Что делать, если не получается определить шрифт по фото или скриншоту

Наш опыт показал, что ИИ-ассистенты справились с задачей распознавания шрифта лучше, чем все профильные сервисы. Если разбираться в причинах, то все очевидно – они продвигают свои каталоги коммерческих шрифтов. Вы можете улучшить качество картинки и правильно ее подготовить для распознавания. Но и это не гарантирует удачный поиск шрифта.

Если ни ИИ-ассистенты, ни профильные сервисы не могут найти ваш шрифт, то скорее всего:

• Шрифт разрабатывался на заказ – под одного клиента или даже под конкретную вывеску/баннер.
• Шрифт закрыт от индексации – его нет в публичном поле, соответственно, ни один поисковик или биржа не могут его проиндексировать.

Что делать:

1. Можно спросить о происхождении шрифта в профильных сообществах.
2. Подобрать похожий шрифт – близкий по начертанию или стилю.
3. Заказать разработку нужного вам шрифта – на основе фото или скриншота. Но будьте готовы к тому, что итоговый шрифт не будет похож на исходный на 100 %. Ведь дизайнер не может нарушить чьи-то авторские права.