Top.Mail.Ru

Наш подход бустит продажи. Вы платите за результат!

Заказать звонок
Телефон отдела продаж:
8 (800) 775-16-41
Наш e-mail:
mail@texterra.ru
Заказать услугу
Как определить шрифт по картинке: все способы Редакция «Текстерры»
Редакция «Текстерры»

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

Иногда случается так, что шрифт и есть картинка. Удачная, казалось бы, комбинация, два в одном, но вместо счастья — скрытые смыслы и мучительный вопрос: что же это за шрифт, как он называется, где его найти и, главное, — как? Случайный фрагмент прошлогодней афиши, вывеска, флаер, скриншот, сфотографированная на смартфон обложка книги — мало ли где нас может заинтересовать текст и шрифт, которым он набран. Как, не имея специального образования и достаточного опыта, найти ключ к решению этой задачи?

Проведем расследование!

Изучаем фрагмент текста

Никто не знает, как у меня на десктопе появилось загадочное сообщение про сотрудника Егора, которое обрывалось на самом интересном месте:

Образец картинки со шрифтом для поиска

Кто же у нас Егор — амби… Амбициозный? Ну, это не секрет. Амбивалентный? Подумаешь, мы все полны противоречий! Написано латинскими буквами — название? Может, название шрифта? Примем это за гипотезу и проверим ее!

Продвинем ваш бизнес
Подробнее

Ищем шрифт через поисковики

Google Lens

Для начала погуглим — вдруг повезет?

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

Поиск шрифта по картинке с Google Lens

На всякий случай уберем в графическом редакторе желтый фон, кажется, он отвлекает Lens от поиска в нужном направлении.

Поиск шрифта по картинке с Google Lens

Результат еще раз изменился! Что ж, Егора я теперь буду звать Эзопом (так гугл визуально определил слово «Егор» — и предъявил это в выдаче). Но скажем гуглу спасибо и за другие интересные находки. Нужный шрифт мы пока не нашли, зато пополнилась копилка интересных версий: есть несколько новых шрифтов, любопытные шрифтовые композиции и ссылки на шрифтовые ресурсы. Отлично, тем более что поисковик не обязан знать, что на картинке мы ищем именно шрифт, хотя в нашем случае, судя по результатам, догадывается.

Результат выдачи поиска шрифта по картинке Google Lens

Яндекс Картинки

В Яндекс Картинках все примерно так же, как и в Google, нужно просто загрузить изображение.

Поиск шрифта по картинке через Яндекс Картинках

Будем считать, что и тут время провели с пользой, несмотря на то что Ambi-что-то опять не нашлось.

Результат поиска шрифта по картинке с Яндекс Картинками

Bing

Когда-то глагол «бинговать» пытались ввести в обиход, но он не прижился, хотя сейчас был бы кстати — поисковая система Bing занимает по популярности второе место в мире, чему способствовали, в частности, оснащение поисковика искусственным интеллектом и работа на основе ChatGPT (как пользоваться этим инструментом, мы уже писали здесь). Шрифты, интересно, Bing искать умеет?

Поиск шрифта по картинке с Bing

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

Результат поиска шрифта по картинке Bing

Предварительные выводы №1

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

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

Ищем шрифт мобильными приложениями

WhatTheFont

Еще в XX веке дизайнеры знали, что аббревиатура WTF — это не «какого хрена!», а «что за шрифт?». Сервис WhatTheFont, этот шрифтовой Шерлок, существует — вдуматься только! — аж с 2000 года! Почти четверть века! И вот так это выглядело:

Интерфейс сервиса WhatTheFont 2000 года

Идеальная картинка для поиска шрифта выглядела так:

Фрагмент интерфейса сервиса WhatTheFont 2000 года

А в 2009 году уже было приложение для айфона!

Приложение WhatTheFont для iPhone 3G, 2009 год

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

  • изображение нужно доступным и очевидным образом скормить сервису или приложению (в случае со смартфоном будет возможность сфотографировать);
  • отредактировать или подправить (повернуть, убрать фон, откадрировать лишнее);
  • осуществить поиск и оценить результат.

Отличия в этом алгоритме если и будут, то несущественные, так что не будем превращать «загрузить картинку» в заклинание и повторять это с каждым новым инструментом, сервисом или приложением.

WTF для смартфона существует по сей день и для iOS, и для Android. С приложения и начнем. Итак, загрузить картинку!

WTF для смартфона

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

результат поиска шрифта по картинке с мобильной версией WTF

На самом деле, пока все движется не то чтобы здорово – расследование явно буксует. Похоже, дело сложное: шрифт, судя по всему, редкий, еще и кириллический. Проведем следственный эксперимент: возьмем логотип Supreme и попробуем на его примере понять, как работают выбранные нами инструменты (мы знаем, что в логотипе используется шрифт Futura Heavy Oblique, так что обмануть нас никому не удастся).

Логотип Supreme (шрифт Futura Heavy Oblique)

Тестируем приложение WTF еще раз:

Приложение WTF распознало шрифт Futura Heavy Oblique

Что ж, идеальный результат с первого раза — Футура в нужном начертании! Теперь мы знаем, что в ответ за запрос сервис выдает не просто случайный набор шрифтов. Но работа в целом — WTF!

Find my Font

В Find my Font работает все по той же схеме: картинка, загрузили, ищем.

Поиск шрифта по картинке с мобильным приложением Find my Font

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

Интерфейс мобильного приложения Find my Font

То, что Find my Font считает на 77,83% похожим на Егора, и близко не «май фонт», так что проверим на Supreme:

Результат поиска шрифта по картинке с мобильным приложением Find my Font

Нашли Футуру. Ну, по крайней мере, работает. Но все же и Find my Font не подходит для нашего тяжелого случая.

Adobe Capture

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

Мобильное приложение Adobe Capture

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

Результат поиска шрифта по картинке с мобильным приложением Adobe Capture

Наш искомый амби-шрифт, по мнению Adobe Capture, похож на рисуночное письмо. Я хотел бы, наверное, знать точную расшифровку графического сообщения с самолетиком собачкой, орангутаном и листиком, но, пожалуй, оставлю это египтологам и любителям ребусов. Но вообще похоже, что Adobe нас только что послал (на самолетике к орангутану с листиком, собака!).

Предварительные выводы №2

Особенность сервисов, которые мы выше протестировали, состоит в том, что они не занимаются глобальным поиском — они ищут по собственным базам. Мы, гуглящие все подряд по несколько десятков раз в день, и привыкшие к тому, что поиск сейчас практически равен результату (попробуйте НЕ найти что-нибудь в интернете — интересный будет опыт), не понимаем, когда нам выдают практически иероглифы вместо названия шрифта. И MyFonts (приложение WhatTheFont) со своими 230 000 шрифтов, и Adobe, у которых шрифтов меньше, но не сильно, и Find my Font, которые обращаются, вероятно, к тем же базам, не смогут помочь нам. Так что придется учитывать, что шрифты независимых разработчиков, кириллические от российских шрифтовиков, восточноевропейские и азиатские — описанным выше способами определить не всегда удастся.

Ну, зато мы запросто нашли Футуру — что-что, а этот-то шрифт у них есть. Еще бы, ведь это классика!

Ищем шрифт десктоп-приложениями

Adobe Photoshop

От мобильных приложений перейдем к десктопным и начнем с довольно неожиданного — Adobe Photoshop! Далеко не все знают, что возможность искать шрифт по изображению существует в фотошопе уже лет семь как. Причем эта функция не спрятана где-нибудь в недрах меню, а доступна буквально в два клика: Type > Match Font (Текст > Подбор шрифта):

Adobe Photoshop функция Match Font

Что происходит с поиском шрифтов в Adobe мы, вроде, разобрались выше, но тут все еще хуже:

Результат поиска шрифта по картинке с Adobe Photoshop

Мы не можем даже Футуру найти. Это уже не саботаж, а просто дача ложных показаний…

Font Massive

Программа Font Massive существует только для РС, но попробовать ее все же стоит, хотя бы для того, чтобы понять, чего лишены пользователи компьютеров Apple.

Процесс, кажется, такой же как и везде, поиск шрифта по картинке разбит на несколько этапов.

  1. Загрузили файл с картинкой:
Поиск шрифта по картинке с Font Massive
  1. Назначили символы шрифта для дальнейшего поиска:
Назначили символы для поиска шрифта по картинке с Font Massive
  1. Назначили… папку? Так, погодите-ка, что это?

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

Программа Font Massive предназначена для поиска шрифтов на локальном диске

Впрочем, решение предлагает сама программа: в случае неудачного результата поиска формируется запрос в сообщество Fonts Discuss на сайте разработчика программы.

Поиск шрифта по картинке с Font MassiveFonts Discuss на сайте разработчика программы.

Там даже есть какая-то жизнь:

Сообщество Fonts Discuss на сайте Font Massive

Предварительные выводы №3

С десктоп-приложениями дело обстоит, кажется, совсем неважно, и особенно сильно огорчил Adobe Photoshop — если бы такой мастеровитый продукт еще и шрифты умел искать, то, наверное, это было даже слишком хорошо (впрочем, ему и так цены нет).

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

А вот обратиться за помощью к профессиональному сообществу — действительно ценный совет! Так что не поленитесь спросить про незнакомый шрифт у коллеги, друга-дизайнера, найдите профильную группу в телеграме, паблик в соцсетях — это и общение, и опыт, и кругозор. Лишним точно не будет!

Ищем шрифт с веб-сервисами

WhatFontIs

WhatFontIs обещает найти нам ответ среди более чем 840 000 шрифтов — ого!

Веб-сервис WhatFontIs

Алгоритм работы стандартный, но, по крайней мере, интерфейс выглядит свежо (относительно того, что мы видели ранее):

Поиск шрифта по картинке с веб-сервисом WhatFontI

Есть возможность оптимизировать изображение для более комфортного поиска:

Поиск шрифта по картинке с веб-сервисом WhatFontIs

И назначить отдельным символам конкретные значения:

Веб-сервис WhatFontIs позволяет назначить отдельным символам конкретные значения

Результат, впрочем, такой же, как мы видели уже не раз — шрифт не найден…

Результат поиска с WhatFontIs

Но не будем опускать руки!

Font Matcherator

Font Matcherator — еще один веб-сервис для поиска шрифта по картинке с функционалом, который мало чем отличается от выше названных. И процесс, и результат действительно похожи (для разнообразия поищем Supreme, чтобы от Егоров не рябило уже в глазах): загрузили…

Веб-сервис для поиска шрифта по картинке Font Matcherator

…назначили буквы:

Веб-сервис для поиска шрифта по картинке Font Matcherator позволяет назначить отдельным символам конкретные значения

…и сюрприз — не нашли даже Футуру.

Результат поиска шрифта по картинке веб-сервиса Font Matcherator

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

Font Identifier

Но не будем унывать, у нас есть еще еще инструменты: Font Identifier мало чем отличается…

Поиск шрифта по картинке с Font Identifier

от собратьев…

Поиск шрифта по картинке с Font Identifier

…по несчастью…

Результат поиска шрифта по картинке с Font Identifier

Шрифт Егора хорошо путает следы — мы опять не смогли его найти!

Ищем шрифт с нейросетями

Рано или поздно слово «нейросети» должно было прозвучать в нашем расследовании, но, откровенно говоря, я боялся, что тогда и разговор был бы коротким, мы не познакомились бы ни с одним из приложений, не провели бы следственный эксперимент, не заучили бы мантру «загрузить картинку» и не узнали бы боль поражений, которая сделала нас сильнее.

В общем, Bing, в который так глубоко интегрирована нейросеть, я устал от картинки, просто найди мне шрифт по описанию!

Запрос шрифта с нейросетью поисковика Bing

Обычно ответ нейросети – это что-то особенное: приятно осознавать, что ты уже живешь в будущем! Но в этот раз что-то пошло не так…

Поиск с нейросетью поисковика Bing

Переспрошу на всякий случай:

Работа нейросети поисковика Bing

Ну же?

Ответ нейросети поисковика Bing

Может, проще один раз увидеть?

Шрифты

Очевидно, мы имеем дело с чем-то очень серьезным. Я не припомню случая, чтобы даже нейросети-поисковику кто-то умудрился задурить голову: сначала явная ошибка, потом тот же PT Serif нейросеть предлагает еще раз, потому, дескать, что он красивый и универсальный. Но это не то, о чем мы спрашиваем!

Переведем дух, заглянем в ChatGPT:

Запрос в ChatGPT

Разговор короткий, чат сказал как отрезал. Но тут все честно: ChatGPT — не поисковик, так что он буквально не может ничего найти. Что ж, перекур окончен.

LikeFont

Честно говоря, я не очень хотел обращаться за помощью к LikeFont: я не то чтобы противник чего-то китайского, но с такого сайта сразу хочется убежать:

Интерфейс LikeFon

Судя по описанию (а также оформлению и баннерам), специализация поисковика — азиатские штифты. Но мало ли, чем черт не шутит, мы исчерпали и весь набор инструментов, и запас терпения, и, кажется, надежду… Пробуем:

Поиск шрифта по картинке с LikeFont

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

Поиск шрифта с LikeFont

Но что это — чудо?

Поиск шрифта с LikeFont

Это не 92,9% вероятности, шрифт Ambidexter Regular Егора Белозерова — это все 100!

Результат поиска шрифта по картинке с LikeFont

Шрифт бесплатный, по ссылке с LikeFont на Paratype его можно даже скачать.

А Егор-то у нас — амби…

Выводы, окончательные (почти)

Задаче искать шрифты по картинке, по всей видимости, примерно столько же лет, сколько самой возможности штифт на картинку поместить. По крайней мере, так кажется, глядя на устаревшие интерфейсы и методы, которые используются в 2023 году. Никак не ожидаешь столкнуться с подходом, практически исключающим и глобальный поиск, и бескрайние мощности искусственного интеллекта. Тем не менее, факт остается фактом: перед нами набор не очень рабочих решений, а нейросети пока не у дел. Старейший из расследователей — WhatTheFont — борозды не испортил, но, как мы с сожалением увидели, и не вспахал глубоко. А победил довольно скромный на вид продукт, предназначенный искать везде и всюду, а не внутри себя.

Однако есть и хорошие новости. Гуглить — это, по-прежнему, результативно. Если нет задачи обнаружить буквально такой же шрифт, как на картинке, то красивое решение обязательно найдется. А классический шрифт, который вы как будто знаете, но просто забыли название, с большой вероятностью удастся определить одним из детективных способов, сервисов и приложений, которые тут прозвучали (пусть даже за какие-то из них было немного стыдно).

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

Закажите у нас сайт под ключ — шрифты будут включены.

Ну и для тех, кто дочитал до конца, напомним анекдот, фрагмент которого у меня на мониторе:

— А ты слышал, что Егор-то у нас — амбидекстр! — Кто? — ЕГОР!

Читайте также:

Топ-19 актуальных в 2023 году шрифтов для сайта

Зачем вашей компании нужен свой шрифт – кейс инжинирингового центра

Все о типографике: откуда берутся шрифты и как их используют бренды

Поделиться статьей:

Новое на сайте

24 мая 2024
152
Скучно на работе? Вот 3 способа изменить жизнь

Скука на работе делает вас… скучным, а также неинтересным. И в личной жизни тоже. Поэтому гоните в шею ее, скуку эту!

24 мая 2024
43 559
Комьюнити-менеджмент: как это работает? Разбираемся с экспертом

Вы узнаете, кто такой комьюнити-менеджер и почему его ни в коем случае нельзя путать с SMM-щиком или маркетологом.

24 мая 2024
256
Как вырастить трафик почти в 400 раз – кейс «МедСервис 24»

Даже в узкой нише бизнесу есть, куда расти и развиваться – нужен только оптимизированный сайт с экспертным контентом.

Смотреть все статьи

У вас есть деловой запрос? Давайте обсудим!

Оставьте свои контакты, мы свяжемся с вами в ближайшее время.

Нажимая на кнопку «Оставить заявку», вы подтверждаете свое согласие на обработку пользовательских данных

Спасибо!

Ваша заявка принята. Мы свяжемся с вами в ближайшее время.