Posted:
Дек 22, 2022
Comments:
0 Comments

Подобрать шрифт по картинке: 5 способов распознать шрифт с картинки

Содержание

Как распознать шрифт с картинки: лучшие онлайн-сервисы

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

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

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

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

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

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

  2. В результате получаем список похожих шрифтов, которые есть на WhatTheFont.

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

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

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

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

Подписаться

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

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

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

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

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

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

Также можно скачать приложение Find My Font, которое включает в себя более 150 000 различных шрифтов. Его главное отличие от вышерассмотренного сервиса состоит в том, что он берет данные не только из своего архива, но и из сторонних источников. Таким образом, Find My Font дает больше шансов найти интересующий шрифт.  

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

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

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. Это еще один англоязычный ресурс для поиска шрифта онлайн. Как и в случае со многими сервисами, он позволяет не просто распознать нужный шрифт, но и сразу скачать его из базы: бесплатно или платно.

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

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

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

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

  • форум на ресурсе Whatthefont;

  • форум Fontmassive;

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

  • форум Ruldtp.

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

Заключение

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

Определить шрифт по картинке онлайн

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

ИнструментЕсть ли кириллицаТребования к картинкеУмен ли распознавательСколько шрифтов в базе
WhatTheFontестьРаспознается довольно мелкий шрифтХоть и считывает мелкий шрифт, но находит далеко не все130 000
WhatFontISнетШрифт должен быть большимНаходит многие шрифты, не найденные WhatTheFont. Если их дать крупно.600 000
Font SquirrelнетШрифт должен быть большимАлгоритм заявлен как хороший, но на практике мало что находит.Это агрегатор с 4-х сайтов: WhatTheFont,
Fontspring, Font Squirrel, Fontzillion.
FontSpringнетШрифт должен быть большимТакой же, как Font Squirrel, но шрифтов меньше.69 000
FontmassiveестьЗдесь можно задать вопрос людям, приложив картинку
QuoraнетЗдесь можно задать вопрос людям, приложив картинку
RedditнетЗдесь можно задать вопрос людям, приложив картинку
xfont. ru
fontov.net
fonts2u.com		естьЭто просто коллекции русских шрифтов, по которым можно поискать русский шрифт вручную
IdentifontнетСомнительный способ определить шрифт по наводящим вопросам
Fonts NinjaестьЭтот расширение для Chrome. Оно определяет шрифт не с картинки, а просто шрифт любого текста на любом сайте.

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. Оно предназначено для идентификации шрифта текста с сайта — именно текста, а не картинки.

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

Расширение Ninja

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

IdentiFont

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

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

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

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

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

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

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

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

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

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

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

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

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

 

Поиск шрифтов по изображению — Fontspring Matcherator

Сопоставитель шрифтов
Font Matcher

Загрузите изображение текста, и мы найдем, что это за шрифт.

Самый надежный и точный инструмент для идентификации шрифтов.

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

Забыли, какой шрифт вы использовали в своем старом логотипе или дизайне? Вас вдохновил один из ваших любимых дизайнеров и вам интересно найти шрифты в похожем стиле? Наш сопоставитель шрифтов отвечает на мучительный вопрос: «Что это за шрифт?»

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

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

Помог ли Fontspring Matcherator успешно идентифицировать шрифт? Отмечайте нас в Твиттере!

Инструмент Базовое сопоставление глифов Обнаружение открытого типа Редактор изображений Обнаружение глифов Расширенный режим
Матчэратор Да Да Да Да Да
WhatTheFont Да № № Да №
WhatFontIs Да № № № №
Идентификатор шрифта Да № Да Да Да

Идентификация шрифта Советы по изображению и часто задаваемые вопросы

  1. Загрузите изображение с типом в наш онлайн-инструмент поиска шрифтов.

  2. Мы автоматически распознаем буквы с помощью оптического распознавания символов (OCR), но вы можете настроить выделение.

  3. Как по волшебству, Fontspring Matcherator сканирует вашу фотографию, ищет подходящие шрифты и генерирует результаты. Это просто работает!

Посмотрите наше обучающее видео на YouTube

Чтобы получить наилучшее соответствие шрифтов:

  • Загрузите изображение высокого качества, где буквы крупные и четкие, а не размытые или пиксельные.

    Размытое изображение: плохое Резкое изображение: хорошее

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

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

    Повернутый текст: плохой Горизонтальный текст: хороший

  • Если метод 1 не работает, попробуйте метод 2, чтобы лучше идентифицировать глифы.

    Способ первый Способ второй

  • Пропускать буквы или символы, которые могут снизить точность.

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

    Плохая контрастность: Плохая Высокая контрастность: Хорошая

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

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

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

Если у вас все еще есть проблемы, выполните поиск по нашим тегам. Начните с Script Fonts, Modern Calligraphy или Brush Script, но другие стили можно найти на нашей странице тегов или в строке поиска.

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

Нет! Наше приложение для распознавания шрифтов работает в любом современном веб-браузере (например, Chrome, Firefox или Safari). Вам даже не нужно устанавливать расширение для браузера.

Программа Fontspring Matcherator может распознавать и сопоставлять шрифты на вашем телефоне. Добавьте веб-сайт в закладки на своем мобильном устройстве iOS или Android, чтобы быстро загрузить изображение и найти совпадения. Это как Shazam® для шрифтов!

Да, Fontspring Matcherator всегда будет бесплатным. Результаты поиска включают как платные, так и бесплатные шрифты, доступные на Fontspring. com, сайте лицензирования шрифтов Worry-Free. Каждый результат ссылается на то, где вы можете скачать или приобрести шрифт безопасно и легально.

Как сочетать шрифт и изображение в дизайне • Блог онлайн-разработчика логотипов