Сервисы для распознавания шрифтов онлайн — по картинке, текстовые, расширения браузеров

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

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

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

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

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

Текстовые инструменты

Identifont

Identifont

Сервис под названием Identifont использует другой интересный подход к решению задачи. Вместо загрузки изображений здесь вам предлагается ответить на несколько наводящих вопросов по искомому шрифту: наличие засечек, формат букв «J», «Q» и символа «$» и др.

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

Bowfint Printworks

Bowfint Printworks

Сайт Bowfint Printworks пригодится, если вы пытаетесь узнать шрифт онлайн с засечками из семейства Serif. Здесь задается ряд вопросов по форме глифов для некоторых элементов шрифта (см. скриншот выше). Этот ресурс по специфике похож на предыдущий, но в работе он быстрее, т.к. все задания сразу отображаются на одной странице без переходов. Если у вас что-то не получилось, можете написать автору проекта на почту. Здесь также содержатся руководства Script, Bauhaus-style, Sans Serif и Serif, и Lined.

Форумы и опросники

Этот не автоматизированный подход, но он иногда хорошо работает. Чтобы определить тот или иной шрифт, попросите помощи у специалистов из данной ниши. Местом их обитания могут быть как специализированные форумы, так и просто “ответвления” на популярных веб-сервисах.

Flickr Typeface Identification

Например:

  • Раздел Typeface Identification на Quora – одном из крупнейших порталов по вопросов-ответов (он там, судя по всему, далеко не один).
  • Группа typeid (Flickr Typeface Identification) на популярном фотохостинге Flickr – аналогично нужно добавить любую картинку и ожидать подсказки от пользователей. Обновления были недавно, значит группа активна.
  • Typophile – сообщество экспертов, где вы можете загрузить свое изображение для получения “помощи из зала”.

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

WhatFont Tool

WhatFont Tool

Решение WhatFont Tool доступно в 3х реализациях – как расширение для Chrome и Safari, а также в виде букмарклета (вкладки браузера). Сразу после установки кликаете по приложению, после чего при наведении на текстовые элементы веб-страницы вам будут показываться названия фонтов.

Fontface Ninja

Fontface Ninja

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

Fount

Fount

Fount работает как букмарклет – добавляете его в панель инструментов вашего браузера. Далее на тех или иных сайтах он будет показывать не только используемый шрифт, то и его размер, стиль, вес. Совместим с Chrome, Safari, Firefox и IE8+.

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

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

P.S. Хотите стать радиоведущим? Всегда мечтали работать на радио? — тогда курсы радиоведущих в киеве то, что вам нужно, узнаете и получите весь необходимый объем знаний.
Если вас всегда привлекал необычный цвет глаз, то можно использовать цветные контактные линзы которые доступны для заказа в интернет магазине ЛинзМастер.

13 комментариев к статье “Сервисы для распознавания шрифтов онлайн — по картинке, текстовые, расширения браузеров”
  1. Мое самое не любімое занятіе в работе — подбірать шріфты… теперь буду хітрее, спасібо!!!

  2. Хорошая статья:) а я очень люблю возиться со шрифтами, как любой дизайнер.

  3. Алексей

    Есть еще один — FontDetect Online: http://28k.ru/fdo.php

  4. Пинский

    По русским шрифтам есть сервис?

  5. Tod

    Пинский, а вы не пробовали эти сервисы для русских шрифтов? У меня What The Font что-то вроде даже выделять буквы начал, но нужно было сделать более четкую картинку для распознавания.

  6. Rio

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

  7. Tod

    Rio, мне помогало через раз. Если качество текста хорошее, то распознать получалось, в противном случае результаты были весьма расплывчатыми.

  8. ICaR

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

  9. Артём

    Здравствуйте, искал везде ЭТОТ шрифт но так и не нашол…находил близкие,0 но всё равно не то…поможете?))

    http://s8.hostingkartinok.com/uploads/images/2017/01/35c2a99c4e571b424fd9dcafa6893427.png

  10. Tod

    Артём, к сожалению, не встречал этот шрифт. Его, в принципе, может и не быть в свободном доступе.

  11. Андрей

    Сервис определение всех шрифтов на страницах сайта https://capyba.ru/services/fontfinder/

  12. Tod

    Андрей, он действует немного по другому принципу нежели сервисы в статье, но тоже полезно. Спасибо.

  13. Андрей

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

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

Внимание! Если вы комментируете впервые, текст будет отправлен на модерацию.
Ваш e-mail не публикуется. Обязательные поля помечены *