Как найти шрифт с изображения Английский и Лучшие сервисы для распознавания шрифта с изображения

Определение шрифта на картинке – частая ситуация, с которой сталкивается как профессиональный дизайнер, так и обычный пользователь. Если шрифт был найден на фотографии знакомого, то не составит труда спросить его о том, какое решение было использовано. Но что делать, если яркий и интересный шрифт встретился на просторах интернета?

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

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

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

А во-вторых, можно обратиться за помощью к сообществам и дизайнерам.

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

Екатерина Малахова, редактор-фрилансер, написала статью для блога Нетологии об инструментах для распознавания шрифтов.

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

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

• текст расположен чётко горизонтально;
• высота букв не меньше 100 пикселей;
• буквы не касаются друг друга;
• общее количество символов — не больше 50.

Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

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

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

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

Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.

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

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

• Научитесь создавать тексты для интерфейса — с заботой о пользователе и выгодой для бизнеса
• После обучения у вас в портфолио будет проект, проверенный практикующими UX-писателями

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

Подобным образом работает поиск на Linotype, Bowfin Printworks, Fonts.com и Rentafont.

Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.

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

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для Нетологии? Читайте наши условия публикации. Чтобы быть в курсе всех новостей и читать новые статьи, присоединяйтесь к Телеграм-каналу Нетологии.

Бывает, видишь шрифт, но не знаешь его название.
Если это текст на сайте, то название шрифта всегда можно определить из кода сайта. Если же картинка, то гарантии нет, но есть вероятность — она зависит качества картинки, качества сервиса и распространенности шрифта.

Содержание

1. WhatTheFont
2. WhatFontIs
3. Fonts Squirrel
4. FontSpring
5. Fonts Ninja
6. IdentiFont
7. Где распознать русский шрифт с картинки
8. Воспользоваться англоязычным сервисом, загрузив туда универсальные буквы
9. Попробовать поискать на WhatTheFont
10. Спросить людей на сайте
11. Сайты-коллекции русских шрифтов
12. Как определить шрифт по картинке?
13. Требования к картинкам
14. Процесс работы с определителями шрифтов
15. WhatTheFont
16. Font Identifier
17. Fontspring
18. IdentiFont
19. WhatFontIs
20. Не могу узнать шрифт. Что делать?
21. Поделиться
22. СВЕЖИЕ СТАТЬИ
23. Другие материалы из этой рубрики
24. Не пропускайте новые статьи
25. Подписывайтесь на соцсети
26. «Честно» — авторская рассылка от редакции Unisender
27. Когда пригодится распознавание шрифтов
28. Как работают сервисы по распознаванию шрифтов
29. Определяем шрифт на фото с помощью WhatTheFont
30. Что делать, если не получилось найти шрифт
31. Другие сервисы для определения шрифта по изображению онлайн
32. WhatFontis
33. FontDetect (FontMassive)
34. Identifont
35. FontSpring
36. FontMatch
37. FontSquirrel
38. Лучшие онлайн-сервисы и расширения
39. Что делать, если не получается распознать шрифт
40. Мобильные приложения, позволяющие определить шрифт на фото
41. Какие есть сервисы для распознавания шрифтов
42. WhatTheFont
43. WhatFontIs
44. FontDetect
45. Identifont  
46. Font Matcherator и FontSpring
47. Font Identifier
48. Как определить шрифт по картинке, используя профильные сообщества в социальных сетях
49. Мобильное приложение WhatTheFont
50. Вместо вывода
51. Заключение

WhatTheFont

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

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

Остальные сервисы воспринимают только картинки большого размера с крупным шрифтом.

Итак, попробуем воспользоваться сервисом.

Мы будем расшифровывать довольно крупный шрифт, просто чтобы остальные сервисы тоже могли сработать на этой картинке. Картинка 960×640 пикселей.

1. Переходим сюда https://www.myfonts.com/WhatTheFont/
2. Перетаскиваем из проводника картинку на открывшуюся область:
   

   

3. Появляется рамка, она охватывается предлагаемую для распознавания область картинки, ее можно передвинуть и сузить либо расширить.
4. Жмем синюю кнопку и получаем набор предлагаемых вариантов (очень много, все платные).
5. Нужный шрифт не найден.
   

   

У сервиса есть второе преимущество — в нем можно отыскать некоторые кириллические шрифты.

WhatFontIs

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

1. Заходим сюда https://www.whatfontis.com/
2. Загружаем картинку. Сервис предлагает мышкой разделить символы, что мы и делаем.Такой возможности больше нет ни в каком сервисе.
   

   

3. На следующим шаге мы еще вводим буквы с клавиатуры вручную, чтобы помочь распознавателю.
4. В результате шрифт найден. Называется он Vegan Style Personal Use.
   

   

Fonts Squirrel

В этом сервисе поиск идет по 4-м сайтам, но шрифтов все равно меньше, чем в предыдущем сервисе (WhatFontIs). Наш шрифт остался не распознанным.

Кроме того, разделить буквы мышкой тут нельзя, и на нашей картинке отдельным символом распознается  только буква V, остальные буквы слиты по две:

FontSpring

FontSpring — всего лишь урезанная версия Fonts Squirrel — распознаватель у них общий, но Fonts Squirrel ищет помимо шрифтов с FontSpring, шрифты с еще 3-х сайтов. Так что никакого смысла пользоваться FontSpring нет, однозначно не рекомендую.

Fonts Ninja

Fonts Ninja — это расширение для браузера Google Chrome. Оно предназначено для идентификации шрифта текста с сайта — именно текста, а не картинки.

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

Расширение пригодно для определения шрифта текста на любом языке.

IdentiFont

На этом сервисе можно попытаться распознать английский шрифт, ответив на ряд вопросов:

• Есть ли засечки
• Выберите стиль хвостика буквы Q
• Выберите стиль вертикальной линии знака $
• Выберите стиль знака &
• Выберите, на каком уровне средняя точка буквы M
• Замкнута ли правая верхняя часть цифры 4
• Какова форма точки знака вопроса
• и так далее

Дополнительно:  1. Пошаговое руководство

Где распознать русский шрифт с картинки

Большинство онлайн-сервисов распознавания с картинки определяет только английский шрифт. Распознать русский шрифт можно несколькими способами.

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

Нужно выбрать буквы, которые одинаковы в русском и английском (например a, o, p, c, m, y, p, в, м, н, х) — распознать их как английский шрифт в том же сервисе WhatFontIs.
А затем по названию английского шрифта найти аналогичный русский шрифт.

Попробовать поискать на WhatTheFont

Там хоть и мало шрифтов, но все же есть немного кириллицы.

Спросить людей на сайте

Можно задать вопрос на сайте fontmassive.com/discuss — тут довольно живая дискуссия, обновления почти каждый час. Просто прикрепляете картинку и ждете ответа.

Сайты-коллекции русских шрифтов

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

Несколько таких сайтов есть в таблице выше в третьей снизу строке.

Как определить шрифт по картинке?

Бесплатно и онлайн. По PNG или JPG.

ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender

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

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

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

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

3. Проверить лицензионные ограничения. Так вы сможете избежать штрафов за незаконное использование шрифта.

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

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

На следующем этапе начинается распознавание. Программа извлекает характеристики из каждого символа или группы символов:

• форму;
• пропорции;
• углы;
• ширину линий.

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

Определяем шрифт на фото с помощью WhatTheFont

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

Сейчас все покажу на примере:

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

Я использовал популярный шрифт Lobster и решил проверить, найдет ли сервис его. К сожалению, в результатах отобразилось не то, что ожидалось. Как я уже говорил, WhatTheFont позволяет найти лишь тот шрифт, который есть в базе. Так что вердикт такой: это отличный сервис, если вы ищете шрифт из базы данного сервиса. Во всех других случаях – лучше использовать альтернативные способы.

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

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

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

Вот ссылки на некоторые из них:

• форум на ресурсе Whatthefont;
• форум Fontmassive;
• группы «Опознание шрифтов» и «Поиск шрифтов» во ВКонтакте;
• форум Ruldtp.

Выложите изображение с нужным шрифтом и ждите ответа. Лучше оставить запрос на нескольких сайтах. Ответ обычно приходит в течение нескольких часов.

Другие сервисы для определения шрифта по изображению онлайн

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

WhatFontis

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

Требования к картинке во многом совпадают с WhatTheFont, главное отличие в максимальном количестве букв на картинке – здесь их может быть не более 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.

Официальная страница: WhatFontis

FontDetect (FontMassive)

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

Ссылка на скачивание: FontDetect

Identifont

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

Также Identifont предлагает искать шрифт по названию или какой-нибудь характеристике (компании-издателю или фамилии дизайнера). Кроме того, можно ввести название уже известного шрифта и подобрать похожие на него варианты.

Официальная страница: Identifont

FontSpring

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

Официальная страница: FontSpring

FontMatch

FontMatch – это приложение, которое изначально было разработано для ОС Windows, но позже разработчики выпустили программу и для macOS. Поиск по картинке здесь происходит аналогично другим сервисам: загружаем картинку и запускаем анализатор приложения, в результате которого будет отображен список похожих шрифтов. Из минусов: англоязычный интерфейс, но разобраться в нем не составит никакого труда даже тому, кто совсем не знает языка.

Ссылка на скачивание: FontMatch

FontSquirrel

Официальная страница: Font Squirrel

Лучшие онлайн-сервисы и расширения

1. Расширение для Chrome Fonts Ninja

Для определения шрифтов на сайте отлично подойдет расширение Fonts Ninja. Часто шрифты указаны в коде HTML и CSS, и, если вы немного знакомы с этими языками, то сможете найти название шрифта, выполнив несколько простых шагов.

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

Однако, чтобы сделать этот процесс еще более удобным и быстрым, рекомендуем использовать расширение для браузера Chrome под названием Fonts Ninja.

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

Расширение Fonts Ninja предоставляет удобный способ быстро и точно определить шрифты на веб-странице без необходимости изучения кода вручную. Оно позволяет вам сосредоточиться на дизайне и анализе шрифтов сразу без отвлечения на технические детали.

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

2. Сайт WhatTheFont

Этот онлайн-сервис позволяе загрузить изображение с надписью и выбрать эту надпись для анализа. WhatTheFont проанализирует шрифт и предоставит вам список возможных вариантов.

Однако отметим, что сервис WhatTheFont предлагает только платные шрифты и не учитывает бесплатные аналоги. А если вы ищете бесплатные альтернативы, рекомендуется просмотреть другие источники, такие как библиотеки бесплатных шрифтов или обратиться к сообществам, где люди делятся своими знаниями о шрифтах.

3. Программа для Windows FontDetect

Чтобы определить шрифт с помощью этой программы, следуйте этим простым шагам:

1. Загрузите и запустите программу FontDetect на своем компьютере. Для использования этой программы не требуется установка.
2. Чтобы начать процесс определения шрифта, добавьте изображение с текстом в программу. Просто перетащите файл с изображением в окно программы.
3. После загрузки изображения укажите символы, которые программа должна распознать на картинке. Можно указать конкретные символы или использовать диапазон символов.
4. Теперь самое интересное – используйте маркер и выделите каждый символ в соответствии с предыдущими указаниями.
5. Когда вы закончите выделение символов, программа начнет процесс поиска подходящего шрифта. Она анализирует системные шрифты и при необходимости обращается к Интернету для получения дополнительных результатов.
6. В результате FontDetect предоставит вам список похожих шрифтов, отсортированных по степени сходства. Вы увидите процентное соотношение, которое показывает, насколько близки найденные шрифты к исходному шрифту на изображении.

Таким образом, благодаря использованию программы FontDetect вы сможете легко определить шрифт на картинке.

4. Онлайн-сервис Identifont

Еще один способ, позволяющий быстро найти понравившиеся шрифты. Алгоритм действий следующий:

1. Откройте веб-браузер и перейдите на сайт Identifont.
2. Для использования сервиса не требуется загружать изображение. Выберите вкладку или функцию, которая позволяет осуществить поиск по характерным признакам шрифта.
3. Ответьте на предложенные вопросы о внешних особенностях шрифта. Это могут быть вопросы о форме букв, наличии специфических символов или стилевых элементов.
4. Следуйте указаниям и продолжайте отвечать на вопросы до тех пор, пока не получите результаты, соответствующие вашим критериям.
5. Просмотрите полученные результаты и выберите шрифт, который наиболее соответствует вашим ожиданиям.
6. При необходимости, вы можете использовать поиск по названию шрифта, части названия, компании-издателю или фамилии дизайнера, чтобы уточнить результаты.
7. При использовании сервисов Linotype, Bowfin Printworks, Fonts.com или Rentafont следуйте аналогичным шагам, которые предлагают эти ресурсы для поиска шрифтов.
8. Обратите внимание, что эти сервисы не предоставляют возможность определения шрифта на основе изображения. Они ориентированы на поиск по вопросам, характеристикам и внешним признакам шрифта.
9. Выберите наиболее подходящий шрифт и используйте его для своих дизайнерских или типографских проектов.

Эти сервисы являются независимыми каталогами и постоянно пополняются новыми шрифтами.

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

Если не удалось найти шрифт с помощью сервиса, есть несколько альтернативных способов:

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

2. Зайдите в шрифтовые библиотеки. Используйте Google Fonts, Adobe Fonts и другие. Здесь вы можете просмотреть шрифты по ключевым словам или найти похожий, который подходит для вашего проекта. 

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

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

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

Мобильные приложения, позволяющие определить шрифт на фото

5. Приложения для смартфонов WhatTheFont и Find My Font

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

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

Давайте рассмотрим пример использования:

1. Скачиваем и запускаем приложение. Камера будет автоматически активирована.
2. Наводим смартфон на интересующее нас изображение и фотографируем его.
3. Затем приложение предложит выделить область с текстом (как и в десктопной версии). Мы выделяем область, содержащую интересующий нас шрифт, и нажимаем на соответствующую стрелку внизу экрана.

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

Какие есть сервисы для распознавания шрифтов

WhatTheFont

Сервис с понятным интерфейсом и большой библиотекой. На WhatTheFont не требуется регистрация, а работать в нем можно с телефона. 

В библиотеке более 230 000 шрифтов, но распознать кириллицу не получится. Хотя есть решение, которое поможет обойти алгоритмы. Загрузите не весь текст, а только те буквы, которые схожи с латиницей, например: А, Е, У, М, С, Р. 

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

Регистрация не требуется, а при отсутствии компьютера можно воспользоваться приложением на смартфоне на базе iOS или Android. Минус сервиса в том, что он предлагает купить шрифт из библиотеки, даже если есть бесплатный аналог. 

Условия использования: бесплатно, но с 2023 года сервис недоступен в России. 

WhatFontIs

Сервис похож по функционалу на WhatTheFont, но он обладает расширенной библиотекой в 820 000 шрифтов. Сюда включены бесплатные и платные варианты. 

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

Для начала работы выберите картинку, на которой изображено не более 10 букв. Подойдет как изображение с компьютера, так и ссылка на источник. Если текст рукописный, а буквы соединены, то отделить их можно прямо на сайте. 

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

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

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

FontDetect

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

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

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

В дополнение к встроенным инструментам программа предлагает два модуля – Linear Text и Circular. Первый помогает выравнивать текст по кривой линии, а второй предназначен для распознавания символов, расположенных по окружности.

Условия использования: бесплатно, но работает только на устройствах с Windows.

Identifont 

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

Сервис предлагает несколько вариантов на выбор. Если вы нашли подходящий, но случайно перешли к следующим, то можно увидеть все варианты во вкладке Show all matches. 

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

Условия использования: бесплатно.

Font Matcherator и FontSpring

Font Matcherator — сервис для распознавания шрифтов с самой большой библиотекой в этой подборке. Сайт охватывает более 900 тысяч платных и бесплатных вариаций шрифтов. 

FontSpring — это магазин шрифтов с библиотекой в 69 тысяч шрифтов из 14 тысяч семей. Здесь можно найти шрифты с лицензиями для личного и коммерческого пользования, веб-шрифты.

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

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

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

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

Font Identifier

Англоязычный сервис, который распознает и латиницу, и кириллицу. Font Identifier интуитивно понятен — на главной странице сайта сразу предлагают загрузить изображение или же прикрепить ссылку. 

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

Работает Font Identifier по тем же принципам, что и другие сервисы и библиотеки с бесплатными шрифтами. Вы загружаете картинку, выбираете нужную область и при необходимости разворачиваете изображение. После этого алгоритм анализирует его на соответствие и оглашает результат. 

Если шрифт определить не получается, то сервис предлагает подсказки и обучающие видео для того, чтобы научиться правильно выбирать изображения и области распознавания. 

Условия использования: бесплатно.

Как определить шрифт по картинке, используя профильные сообщества в социальных сетях

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

Вот список шрифтовых сообществ, где вы можете задать вопрос:

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

Мобильное приложение WhatTheFont

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

Процесс работы с WhatTheFont довольно прост: достаточно навести устройство на картинку, и сервис автоматически определит шрифт.

Рассмотрим на примере:

1. Скачиваем приложение и запускаем его – в результате перед нами сразу же запускается камера. Наводим смартфон на нужную картинку и фотографируем ее. После этого будет предложено выделить область (как и в десктопной версии). Выделяем ту область, где находится интересующий нас шрифт, и жмем на стрелку внизу.  
2. Мы получаем список похожих шрифтов. Напомню, что шрифт вы можете не найти, так как отображаются только те, что есть в базе приложения.

Вместо вывода

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

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

Заключение

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