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

Особенности работы сетевых сервисов по поиску шрифта с цифровой картинки

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

Работа с такими сайтами строится по стандартным лекалам:

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

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

Давайте рассмотрим наиболее популярные онлайн ресурсы, позволяющие опознать текстовую гарнитуру по картинке.

WhatTheFont – быстрое распознавание шрифта на изображении

Сервис WhatTheFont – наиболее популярный в сети инструмент для поиска фонтов. Для работы с данным редактором постарайтесь, чтобы максимальное количество букв на распознаваемом изображении не превышало 50, само же изображение должно быть в формате PNG, GIF и JPEG. Если вы используете сканированную картинку, то она должна быть выполнена в разрешении не ниже 300 dpi.

Порядок действий:

1. Перейдите на WhatTheFont , нажмите на «Обзор».
2. Загрузите на ресурс картинку с необходимым для распознавания текстом, после чего нажмите на «Continue».
3. При необходимости помогите сервису, введя буквы под их распознаваемыми картинками и проверив опознанные образцы.
4. После этого нажмите на «Continue» снизу, сервис выведет найденные результаты.

Whatfontis.com – поможет осуществить поиск текстовой гарнитуры по фото

Сервис Whatfontis.com обладает огромной базой коммерческих и бесплатных шрифтов, а также продвинутым искусственным интеллектом (АI), позволяющим отыскивать наиболее оптимальные совпадения к искомому варианту. Ресурс не только позволяет отыскать нужный шрифт, но и позволяет скачать его за отдельную плату (в случае коммерческой версии). Регистрация на ресурсе позволит убыстрить процесс автоматического распознавания букв.

Работа с сервисом не отличается от вышеописанного WhatTheFont:

1. Вам необходимо перейти на whatfontis.com , и при необходимости кликнуть на «Options» справа, выбрав одну из трёх опций:
   • Background color is darker… – цвет фона изображения темнее, чем буквы;
   • The text is only an one line… – нужна лишь одна линия текста для распознавания, оптимизировать изображение;
   • The image is complex… – сложное изображение, запуск редактора изображений.
2. Если в задействование данных опций нет необходимости, тогда просто нажмите на «Upload image containing the font» для указания пути к картинке со шрифтом (или на «Specify url instead» для указания ссылки на файл шрифтом).
3. Затем кликните на «FIND A FONT». Проверьте правильность распознавания букв, затем нажмите внизу на «Continue». Вы получите перечень найденных совпадений.

Fontsquirrel.com – сервис по расшифровке текста на картинке

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

Порядок действий:

1. Запустите fontsquirrel.com и кликните на «Upload image» для загрузки картинки со шрифтом на ресурс.
2. Вы можете или сразу начать процесс распознавания с помощью кнопки «Matcherate It» или сначала повернуть картинку на нужное количество градусов с помощью кнопок «Rotate» (необходимо добиться горизонтального расположения букв).
3. После распознавания шрифта сайт выдаст найденные совпадения, предложив скачать их за соответствующую плату.

Fontspring.com – поиск совпадений фонтов на изображении

Сайт fontspring.com – это ещё один сайт — «совпадатель» (matcherator), предлагающий найти похожий фильтр текста по изображению.

Работа с сайтом похожа на предыдущие аналоги:

1. Вы переходите на онлайн ресурс.
2. Жмёте на «Upload image» для загрузки изображения.
3. С помощью мышки находите на изображении разу для распознавания.
4. После этого кликаете на «Matcherate It».
5. Если найденное количество совпадений слишком большое, нажмите на «Manually adjust», введите корректные буквы в распознаваемых вариантах, после чего вновь нажмите на «Matcherate It!» для выведения результатов.

Identifont.com – диалоговое распознавание текста на английском языке

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

Заключение

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

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

Некоторые сайты не заморачиваются с оформлением по многим причинам:

• страница узкоспециализирована и не создана для привлечения новых посетителей;
• сайт является первым у разработчика;
• страница является временной версией основного ресурса и т.д.

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

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

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

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

WhatTheFont

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

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

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

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

1. Текст на картинке должен размещаться исключительно горизонтально.
2. Высота одной буквы должна составлять хотя бы 100 пикселей.
3. Следите за тем, чтобы буквы на картинке не прикасались друг к другу. Это усложнит процесс поиска шрифта по изображению.
4. Сайт имеет ограничение на количество знаков – не более 50.

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

What font is

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

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

В предыдущем приложении максимальное количество символов составляло 50 знаков. В What Font is количество букв сократилось до 10.

Identifont

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

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

Онлайн сервис Identifont отлично подходит тем, кто обладает дополнительной информацией о том или ином шрифте. Дело в том, что на сайте вам предлагается еще несколько вариантов поиска:

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

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

Bowfin Printworks

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

1. Вы переходите на сайт — bowfinprintworks.com .
2. Сервис предлагает вам несколько картинок с одинаковыми буквами, выполненными в разных стилях.
3. Обращая внимание на мелкие детали (крючки, толщина и т.д.) вы выбираете наиболее подходящий вариант.

Bowfin Printworks имеет обширную базу, однако работает не так быстро, как уже описанные выше сервисы.

В то же время ресурс обладает некоторыми преимуществами:

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

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

FontShop

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

• ширина линий;
• контраст букв;
• вид угла знаков;
• тип буквы (прямой или курсив).

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

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

FontDetect

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

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

1. Откройте программу и загрузите необходимое изображение из папки компьютера.

   Font Detected — загрузить изображение

2. Далее необходимо выделить область вокруг текста (или по-другому – область распознавания). Именно с ней и будет работать программа.

   

3. Выделенную область отмечаем более контрастным оттенком.
4. По тем символам, которые распознает приложение, вам необходимо будет задать определенные буквы.
5. Приложение предложит вам добавить новые папки для поиска. Сделайте это, если они вам необходимы.

   

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

Приложения для распознавания шрифтов на телефоне

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

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

WhatTheFont

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

Программа подходит для скачивания владельцам телефонов на операционных системах iOS и Android .

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

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

Как пользоваться приложением?

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

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

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

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

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

Вот это надпись:

Первый сервис, с помощью которого мы будет определять шрифт –

1. WhatFontIs,адрес – http://www.whatfontis.com/
   
   
   
   
   Нажмите на кнопку “Browse” для выбора картинки с текстом. Далее вам предстоит выбрать один пункт и даух:
   
   
   
2. What The Font , адрес http://www.myfonts.com/WhatTheFont/
   xdf
   
   
   
   
   Здесь вам тоже нужно загрузить картинку с текстом на сервис или вставить прямую ссылку на изображение. На рисунке-схеме показано,какая должны быть картинка для правильной работы сервиса. Буквы и символы должны быть четкими, не должны сливаться, размер шрифта не менее 100 пикчелей и текст должен быть выровнен по горизонтальной линии.
   
   После выбора картинки с текстом нажмите “Continue”. Приятно, что сервис частично сам идентифицирует символы и лишь сомнительные вам придется ввести вручную.
   
   
   
   
   Я добавила букву f, исправила S на i и дописала точку в свободное поле. Снова “Continue”.
   
   И этот сервис отлично справился с заданием, правильно угадав шрифт. Единственный недостаток сайта What The Font это меньшее количество шрифтов по сравнению с WhatFontIs.
   
   Оценка сервиса – 5 баллов.
3. Это были сервисы, которые определяют шрифт по картинке. Однако, есть сайты, где работает поиск шрифта по отдельным отличительным элементам.
   Identifont адрес http://www.identifont.com/index.html
   
   
   
   
   Если вы знаете точно, как выглядит шрифт, если у вас есть образцы букв, то вы можете выполнить небольшой тест по внешнему виду шрифта и найти его название.
   
   Примеры вопросов, на которые вам предстоит ответить:
   • есть ли у шрифта засечки,
   • название: просто введите название шрифта или его часть,
   • похожие шрифты – введите название похожих шрифтов, на тот который вы ищите,
   • дизайнер шрифта. Если известен дизайнер, или издетель шрифта, то вы можете включить его в поиск.
     
     
     Примечание: сервис англоязычный, но даже бе нания языка в нем легко разобраться, так как вопросы подкреплены рисунками с обозначениями.
     
     Мне не удалось с помощью этого сервиса найти нужный шрифт. Тест на пройден.
4. Font Finder Firefox Add-On – дополнения для Firefox, которое определяет какой шрифт используется на сайте. Просто выделите слово на сайте, и дополнение определит шрифт и стиль CSS.
   Ссылка на дополнение https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. Bowfin Print Works – http://www.bowfinprintworks.com/SerifGuide/serifsearch.php
   
   Сервис, который основан на вашем представлении о том, как выглядит шрифт, вам нужно провести детальный анализ букв и их элементов.
   
   
   
   
   С помощью данного сервиса также не удалось определить шрифт.

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

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

Есть красивая надпись, но, не всегда удаётся сразу определить то, какой шрифт использовали. Что делать? Как определить нужный шрифт?

Показываю, как разрешить подобную ситуацию.

Определяем шрифт на картинке

Для решения задачи подойдёт сервис под названием Myfonts .

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

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

Сервис подумает и выдаст результат. В данном случае, всё определилось корректно, если нет, то ему надо помочь и вставить нужные буквы в поле ввода. Жмём Continue .

Всё в порядке. Шрифт определился.

Вот так, легко и просто определяется любой шрифт на картинке. Думаю, сервис пригодится.

Мы рассказали об Интернет-ресурсах, способных превратить процесс распознавания если не в нечто занимательное, то по крайней мере в рядовую, но перспективную процедуру.

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

Fontface Ninja

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

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

Расширение для идентификации шрифтов Fontface Ninja для Safari и Chrome вполне соответствует идее скрытного и эффективного наёмника. Работа с ним строится так: нажав на кнопку расширения, наведите курсор на интересующий шрифт - всплывающая подсказка будет содержать информацию о его названии, межстрочном интервале, размере. Если повезёт, тут же шрифт можно будет скачать.
Весьма любопытной может оказаться функция Mask: она позволяет скрывать графическое содержимое страницы, оставляя лишь текстовые блоки.

Type Sample

Ещё одно полезное расширение, но только для пользователей Chrome. Остальные могут приобщиться к прекрасному по старинке - воспользовавшись услугами закладок.

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

Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.

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

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

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