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

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

Специфика сетевых ресурсов для идентификации шрифтов

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

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

Сам же процесс распознавания по фото осуществляется двумя основными способами:

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

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

Сервис myfonts.com — мощный инструмент для распознания шрифта

Сайт myfonts.com может похвалиться не только стандартным для таких ресурсов функционалом, но и наличием форума , где вам могут помочь в определении нужного шрифта местные энтузиасты. Для достижения идеального распознавания ресурс требует максимально горизонтального размещения текста, буквы должны иметь около 100 пикселей высоты, и не касаться одна другой. Количество букв на картинке должно быть не более 50, а максимальный размер изображения — 400,000 пикселей (ширина и высота).

Для распознавания шрифта выполните следующее:

Fontspring.com — поиск необходимых шрифтов онлайн

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

1. Для работы с сайтом перейдите на fontspring.com .
2. Здесь нажмите на кнопку «Upload the image» для загрузки картинки со шрифтом на сайт, или на «image URL» для приведения линка на нужную страницу со шрифтом в сети.
3. После загрузки вашей картинки с помощью рамки укажите нужные символы текста для идентификации, и нажмите на кнопку «Matcherate It!». Будет проведена процедура опознания шрифта, а затем вы сможете просмотреть список найденных совпадений.

Identifont.com — текстовый поиск шрифтов

Сервис identifont.com использует текстовый способ опознания шрифта онлайн. При переходе на сайт вам предложат ответить (на выбор) на ряд наводящих вопросов на относительно:

• внешнего вида шрифта (appearance);
• его имени или части имени (name);
• схожести с другими шрифтами (similarity);
• отдельной картинке или символе, содержащемуся в шрифте (picture);
• издателю или публикатору шрифта (designer/publisher).

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

Whatfontis.com — сервис для опознания букв на изображении

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

Работа с ресурсом не отличается от других соответствующих сервисов:

Rentafont.com — найдёт шрифт из множества альтернатив

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

Заключение

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

Вконтакте

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

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

Скриншоты NexusFont

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

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

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

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

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

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

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

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

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

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

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

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

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

Например:

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

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

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

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

Fount

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

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

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

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

И еще раз о шрифтах. Точнее, об управлении ими. Как часто вам, дорогие дизайнеры, приходится слышать или произносить фразу: «А какой бы сюда шрифт?» И пошло-поехало. Сначала перебираем все имеющиеся, потом начинаем копаться в «пыльных» папках с архивами шрифтов, отложенных на черный день, потом, не найдя искомое, выходим на просторы интернет и продолжаем рыскать в поисках того самого шрифта...
Знакомо? Дежурка предлагает обзор инструментов, призванных облегчить этот выматывающий процесс.

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

FastFontPreview

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

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

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

FontMassive Pack

Тройной удар по проблеме администрирования шрифтов от российских разработчиков.

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

Имеет несколько режимов сортировки шрифтов, в том числе полезный режим «по ширине текста» — кликните правой кнопкой по заголовку колонки-табулятора и выберите Отсортировать-Ширина текущего текста. Правда, удобно? Фразу можно задать любую.

Включена функция просмотра выбранного символа в кривых (Ctrl+Alt+клик прямо по символу в списке). Бесплатная версия ограничивает колличество шрифтов в списке до 500, но больше устанавливать одновременно и не рекомендуется.

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

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

Это бесплатная утилита для временной установки шрифтов. Часто дизайнеру нужен шрифт «на попробовать», либо для выполнения единоразовой задачи. Шрифт устанавливается, используется — и, как это водится, забывается, продолжая висеть в системной папке чуть ли не до переустановки системы. Для того, чтоб не засорять систему заведомо неиспользуемыми шрифтами, можно установить шрифт «на время» с помощью FonTemp. Шрифт может находиться в любой папке, хоть на CD или флешке, или даже на другом компьютере вашей сети. Вам просто нужно перетащить мышкой интересующий вас шрифт в окошко программы — и можно пользоваться! Система будет видеть этот шрифт, пока не закроете утилиту. Временные шрифты можно группировать в наборы, быстро переключаясь между ними. Некоторые шрифты можно отметить как «временно выключенные».

FonTemp можно запускать и держать свернутым в системном трее, да и установки он не требует.

NexusFont

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

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

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

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

MyFontbook

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

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

Чтобы пользоваться MyFontbook, необходимо зарегистрироваться на их сайте. Для сомневающихся и любопытных есть демо-режим. Как регистрация, так и пользование, бесплатны.

FontFrenzy

Совсем маленькая утилита, предназначенная для чистки установленных шрифтов. При установке приложений в вашу систему автоматически добавляются все новые и новые шрифты, засоряя ее. Эта бесплатная маленькая программка весом всего около 500 Кб умеет удалять все шрифты, добавленные после изначальной установки Windows. Вы сможете указать папку, в которую FontFrenzy поместит все удаленные шрифты, так что откат всегда возможен. К тому же, в ней есть функция, называемая FrenzySnap — можно сохранить существующий набор шрифтов, чтобы вренуться к нему, если что-то пойдет не так. Это делается через функцию ReFenzy. Ну и стандартные для фонт-менеджеров инструменты установки, удаления и просмотра шрифтов тоже доступны.

Так что, если вас достало количество непонятно откуда взявшихся шрифтов, но за нож хвататься страшновато — эта FontFrenzy для вас.

FontNet Explorer

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

Установка не требуется, просто скачайте, распакуйте и запускайте. FontNet Explorer

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

Комментарии

1. tsarvalera
   7 сентября 2011 в 20:11

   спасибо за интерестную статью. думаю пригодится.

2. Юрий
   7 сентября 2011 в 20:28

   FontNet Explorer

   Не достойна права здесь заниматься место.

   fontov.net - отличный сайт, который утрет нос многим этим)

   Ольга Ответ:
   сентября 7, 2011 at 11:17 пп

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

3. Роман
   8 сентября 2011 в 10:46

   пользуюсь старньким The Font Thing

4. F
   8 сентября 2011 в 15:37

   спасибо, пойду играться с NexusFont ;)

5. Евгений
   8 сентября 2011 в 19:54

   Спасибо!!

   Весьма полезно.

6. SwaEgo
   8 сентября 2011 в 20:57

   Спасибо за подборку.

   Сам использую Suitcase Fusion 2, но тормозная она очень, вот утилита NexusFont понравилась, быстро работает, удобная и бесплатная, что немаловажно.

7. mars
   9 сентября 2011 в 9:43

   пользуюсь NexusFont. Быстрая, без нареканий.

8. Elery
   30 марта 2012 в 15:23

   а для Мака найдутся ли удобные шрифтовые менеджеры? :-[

9. Лина
   4 апреля 2012 в 14:40

   вроде font case для Мака

10. Julia
    29 апреля 2012 в 13:20

    установила NexusFont. Но смогла добавить только одну папку шрифтов в «Мою библиотеку». Остальные папки программа добавляет, но шрифты в них не видит. Хотя шрифты те же — PS. Ничего не понимаю... как добавить остальные папки, и чтоб прога видела шрифты, которые там лежат?

    Сергей Ответ:
    ноября 16, 2012 at 1:31 пп

    Поставил вчера данный менеджер шрифтов. Была такая же проблема пока до конца не разобрался с программой. Nexus Font изначально видит файлы которые лежат почти что в корне папок. В стандартных настройках программы после инсталляции он не видит шрифты которые лежат в папках, внутри еще каких-то папок. Т.е. если многоуровневая папка он ее не поймет. Для того что бы он начал видеть эти шрифты и не нужно было ничего менять в структуре своих папок со шрифтыми просто в пункте меню View ставим галочку возле Include Subfolders. Когда эта функция включена пройдемся в программе по папкам где он показывал «0» шрифтов, и они начнут обновляться — всемто «0» он покажет сколько в папке шрифтов:)

11. Петро
    29 сентября 2012 в 1:34

    скачал Fontmassive — лёгкий (1,4 МБ), не требует установки, на русском, удобный, всё необходимое со шрифтами делает. Вот он какой. Советую.

12. Фил
    13 января 2013 в 10:40

    Спасибо!!!

13. Tekarinkishi
    15 июля 2013 в 16:05

    "Повторим для них, что установка большого количества шрифтов перегружает систему, замедляя ее работу и приводя к нестабильности. " — У меня Windows 7, топовый компьютер AMD начала 2009 года, после установки 2000 шрифтов в папку Fonts — никакого замедления работы системы я не заметил...

Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке ».

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

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

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

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

В качестве примера давайте определим шрифт в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.

Я сделал скриншот лого и загрузил картинку в таком виде:

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

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

На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!

К сожалению, WhatTheFont имеет несколько недостатков:

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

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

P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям).