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

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

Узнать шрифт по картинке онлайн – особенности реализации

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

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

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

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

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

Условия успешного распознавания шрифтов

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

  • каждый символ отделён от соседних;
  • буквы имеют четкие, хорошо различимые контуры;
  • картинка сохранена в формате JPG или PNG (при необходимости ее можно переформатировать в графических редакторах);
  • качество изображения не снижается при масштабировании, поскольку многие программы требуют подгонки высоты букв под некий шаблон.

Порядок использования различных средств распознавания тоже имеет много схожего:

  1. Сделайте скриншот или фото объекта, на котором размещен нужный шрифт.
  2. Вставьте картинку в поисковое окно программы и запустите процесс сравнения.
  3. По запросу выделите область, где расположен текст.
  4. Оцените результат. Многие программы выдают несколько вариантов шрифтов, наиболее похожих на образец.
  5. Скачайте и установите шрифт в систему. Некоторые сервисы предлагают купить или загрузить его бесплатно со своих ресурсов.

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

Поиск по изображению

What The Font

What The Font

Проект What The Font создан одним из крупнейших поставщиков фонтов (myfonts.com), поэтому является весьма популярным в данной нише. Вам надо просто загрузить (либо перетащить) PNG или JPG картинку со шрифтом, после чего система подберет из базы в 133тысяч стилей наиболее подходящие варианты.

WhatFontIs

WhatFontIs

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

Fontspring Matcherator

Fontspring Matcherator

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

WhatTheFont

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

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

STOCK IMAGES

RUS.png

RU

RUS.png

RU

DEU.png

DE

USA.png

EN

UKR.png

UK

CHN.png

ZH

WhatTheFont

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

Стоимость. Бесплатно.

Язык сервиса. Английский.

Возможности. Скачать или купить шрифт.

Ссылка на сервис. https://www.myfonts.com/WhatTheFont/

страница сервис WhatTheFont.

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

Не требуется регистрация

Быстрый поиск по базе более 130 тыс., в том числе платным

Есть приложение для распознавания шрифта на смартфонах (можно просканировать с фотографии) и расширение для Chrome

Не распознает кириллицу

Найденные по скриншоту шрифты предлагает купить, даже если есть бесплатный аналог

Typophile

picture-9.gif

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

Да, у

Typophile

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

IdentiFont

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

Стоимость. Бесплатно.

Язык сервиса. Английский.

Возможности. Поиск по символу, имени дизайнера, наводящим вопросам, по части названия и по внешним признакам.

Ссылка на сервис. http://www.identifont.com/

скрин сервиса IdentiFont.

На главной странице представлены 5 способов найти шрифт

Не требуется регистрация

Постоянно пополняется база

Можно найти шрифт по названию, дизайнеру или наводящим вопросам

Нельзя определить по картинке

 What Font is

Переходим по адресу: https://www.whatfontis.com/. Нажмите «Browse», для загрузки изображения.
Чтобы точно определить шрифт, проверьте каждую букву. Нажмите кнопку «CONTINUE».
Выберите подходящий.

Особенности

Сервис предлагает выбрать подходящий шрифт из:

  • коммерческих;
  • бесплатных;
  • шрифтов от Google.

Выберите его из формы, расположенной справа, нажмите кнопку «ADV SEARCH» (расширенный поиск).

Fontedge.matton.se – узнавание шрифта онлайн

Сервис fontedge.matton.se по своему поисковому инструментарию похож на описанные выше аналоги. При этом его функционал работает достаточно нестабильно, потому мы поместили его в конец нашего списка.

Работа с сервисом состоит примерно в следующем:

  1. Загрузите изображение с нужным шрифтом на ресурс;
  2. Кликните на букве с опознаваемого слова;
  3. Проверьте, правильно ли опознана нужная буква;
  4. Внесите букву в идентификационный список;
    Функционал ресурса fontedge.matton.se
  5. Повторите операцию для ещё нескольких различных букв;
  6. Заполните буквенное поле;
  7. Кликните на стрелку запуска идентификации;
  8. Просмотрите полученные результаты.

Fount

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

Вот как это работает:

  1. Выберите кнопку «Fount».
  2. Перейдите на любой сайт и нажмите на закладку Fount.
  3. Нажмите на шрифт, который вы хотите идентифицировать.
  4. Та дам! Все отображается. Быстро, легко и бесплатно.
  5. Чтобы отключить Fount, нажмите на закладку еще раз.

Fount совместим с Safari, Chrome и Firefox.

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

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

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

Обычно внизу экрана появится инспектор, в котором справа будет блок HTML, а слева расположена таблица стилей CSS. Нас интересует каскадная таблица стилей (CSS). Найдите здесь среди свойств «font-family», в нем задается шрифт для страницы.

CSS

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

Работа сайта identifont.com строится на основе текстового опроса, где вам предложат ответить на вопросы, позволяющие найти нужный шрифт по внешнему виду (appearance), имени (name), similarity (схожести с другими шрифтами), picture (изображению), designet/publisher (имени дизайнера или издателя шрифта). Для работы с данным сайтом необходимо владеть базовым английским, потому указанный ресурс подойдёт далеко не всем.

Сервис IdentifontОтветьте на вопросы сервиса Identifont

Rentafont.com – для подбора шрифта по вашим целям

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

Спросите название у разработчика сайта

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

Читайте также: как распознать шрифт по картинке онлайн.

By-Sight

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

Единственный существенный недостаток: By-Sight в настоящее время доступен только на английском языке.

поиск шрифта по картинке By-Sight

Видео

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

Почему шрифт может не распознаваться

Иногда сервис отказывается распознавать шрифт по картинке. Что в этом случае можно сделать:

  1. Визуально проверьте картинку: возможно, надпись в тексте сделана из разных шрифтов. Если это так, скормите сервису только часть изображения.
  2. Отредактируйте изображение, чтобы надпись читалась чётче. Некоторые сервисы (Whatfontis, Font Identifier) имеют встроенный редактор. Иногда можно найти картинку в лучшем разрешении.
  3. Попробуйте скормить картинку другому сервису. Возможно, он распознает образец.
  4. Вернитесь к распознаванию через несколько дней: базы пополняются ежедневно.
  5. Если шрифт кириллический, загружайте только символы одинаковые в написании на латинице и кириллице. Это буквы, а, е, с, p, y и некоторые заглавные буквы.

Также можно поискать шрифт вручную на форумах или задать вопрос там же: форум MyFonts, группа Type&Typography в Facebook, форум Fontmassive, форум Ruldtp.

Fontshop

Fontshop и использует те же принципы, что и By-Sight. Да, это займет некоторое время, но вы узнаете многое о распознавании текста. В целом, я действительно впечатлен Fontshop и могу тепло порекомендовать его всем пользователям.

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

 Bowfin Printworks

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

поиск шрифта по картинке Bowfin Printworks

Оставьте комментарий