В нелегкой работе веб-мастера частенько случается такая ситуация, что нужно определить шрифт на картинке. Думаю, каждый из нас сталкивался с подобной ситуацией.
Есть красивая надпись, но, не всегда удаётся сразу определить то, какой шрифт использовали. Что делать? Как определить нужный шрифт?
Показываю, как разрешить подобную ситуацию.
Определяем шрифт на картинке
Для решения задачи подойдёт сервис под названием Myfonts .
Сразу хочу сказать, что сервис сработает корректно, если вы ему предоставите хорошее горизонтальное изображение, безо всяких наклонов и лишних предметов. Откройте ваше изображение в любом редакторе, и попросту вырежьте область со шрифтом, и, если нужно, поверните изображение, чтобы получился горизонтальный текст.
Мне нужно было выяснить, каким кириллическим шрифтом сделана надпись. Я вырезал нужный участок, вот, что получилось:
Сервис подумает и выдаст результат. В данном случае, всё определилось корректно, если нет, то ему надо помочь и вставить нужные буквы в поле ввода. Жмём Continue .
Всё в порядке. Шрифт определился.
Вот так, легко и просто определяется любой шрифт на картинке. Думаю, сервис пригодится.
Просматривая в сети какие-либо материалы, мы можем обратить внимание на использованный при отображении таких текстов шрифт. Мы можем пожелать такой же шрифт себе, при этом не имея понятия о его названии, да и о способах получения подобной информации. В данной статье я разберу имеющийся сетевой инструментарий для распознавания шрифта по картинке в режиме онлайн, а также расскажу, как им пользоваться.
Специфика сетевых ресурсов для идентификации шрифтов
Прежде всего, подчеркну, что абсолютное большинство онлайн ресурсов, представленных ныне в сети, имеют англоязычный интерфейс. Русскоязычный сегмент в данном плане представлен слабо, потому для определения шрифта необходимо пользоваться существующими англоязычными аналогами.
И если распознавание данными инструментами шрифтов, выполненных латинскими буквами, находится на хорошем уровне, то идентификация кириллических шрифтов по изображению существенно хромает. В последнем случае остаётся надеяться или на удачу, или обратиться на форумы профессиональных дизайнеров, где вам помогут в опознании нужного вам шрифта.
Сам же процесс распознавания по фото осуществляется двумя основными способами:
- Автоматический – вы загружаете картинку со шрифтом на сайт (или указываете линк на такую картинку в сети). Помечаете на картинке текст для опознавания, жмёте на кнопку запуска идентификации, и получаете варианты найденных в базе совпадений;
- Текстовый – вы отвечаете на вопросы сайта о искомом шрифте в текстовом режиме, а затем получаете результат.
Давайте пристальнее рассмотрим сетевой инструментарий для распознавания шрифтов, с описанием особенности его работы.
Сервис myfonts.com — мощный инструмент для распознания шрифта
Сайт myfonts.com может похвалиться не только стандартным для таких ресурсов функционалом, но и наличием форума , где вам могут помочь в определении нужного шрифта местные энтузиасты. Для достижения идеального распознавания ресурс требует максимально горизонтального размещения текста, буквы должны иметь около 100 пикселей высоты, и не касаться одна другой. Количество букв на картинке должно быть не более 50, а максимальный размер изображения — 400,000 пикселей (ширина и высота).
Для распознавания шрифта выполните следующее:
Fontspring.com — поиск необходимых шрифтов онлайн
Второй инструмент, о котором я хочу рассказать – это fontspring.com. Его возможности обладают схожим с другими ресурсами данного плана функционалом и требованиями.
- Для работы с сайтом перейдите на fontspring.com .
- Здесь нажмите на кнопку «Upload the image» для загрузки картинки со шрифтом на сайт, или на «image URL» для приведения линка на нужную страницу со шрифтом в сети.
- После загрузки вашей картинки с помощью рамки укажите нужные символы текста для идентификации, и нажмите на кнопку «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) где вам помогут в нахождении искомого графического прототипа.
Вконтакте
Здравствуйте.
В офисной работе иногда нужно написать какой-нибудь текст таким же шрифтом, который был использован в документе. Хорошо, если он есть в электронном варианте, а если только в бумажном? Вот иногда и приходится определять шрифт по скану (картинке).
Впрочем, причины узнать шрифт могут быть и другие: вы увидели красивую надпись и хотите создать что-то подобное; вам нужно исправить (подправить) какую-то подпись под картинкой (так, чтобы она не выделялась среди другого текста) и т.д.
В общем, как бы там ни было, в этой статье предложу несколько вариантов как это можно сделать. Сразу отмечу, что если на изображении запечатлен какой-то уникальный шрифт (который нигде ранее не использовался, т.е. дизайнер его создал самостоятельно) - то найти его не удастся (хотя, скорее всего, вы сможете подобрать что-то похожее).
Ладно, ближе к теме...
Дополнение!
Если у вас есть только картинка на бумаге (распечатанный документ), то для начала работы вам необходимо перевести ее в электронную версию (отсканировать). Сделать сейчас это можно с помощью обычного смартфона на Андроид -
Распознавание шрифта на картинке
Вариант 1: с помощью ABBY Fine Reader
Если кто-то не слышал о такой программе как ABBY Fine Reader - то кратко скажу, что она предназначена для распознавания текста с картинок, PDF-файлов, сканов и пр. (т.е. на входе - у вас обычный графический файл; на выходе - программа выдает вам текст, который можно перенести в Word).
Так вот, Fine Reader по умолчанию при распознавании текста не меняет шрифт ! То есть, при процессе распознавании шрифт текста будет выбран тот, который запечатлен у вас на графическом файле (фото, картинке и пр.).
Покажу на примере, как это работает...
1) Установку и запуск программы я опускаю (они стандартны и никаких сложностей возникнуть не должно). Далее нужно нажать по меню "Файл/Открыть PDF или изображение" и указать картинку/фото, на котором находится нужный текст...
2) Распознавание картинки по умолчанию происходит автоматически (примечание : слева отображается исходная картинка - справа результаты распознавания) .
В общем, когда программа закончит свою работу - останется только кликнуть в нужный участок полученного текста, и вы увидите его шрифт. В качестве примера ниже я загрузил скриншот странички своего сайта, Fine Reader выдал шрифт Georgia (правильно!).
Проверить это достаточно просто - перейти в браузер, открыть любую страничку сайта сайт и посмотреть исходный код документа (на скрине ниже показано, как это выглядит в Chrome) .
В качестве еще одного примера взял фото разворота книги "Война и Мир". Используемый шрифт - Times New Roman.
Удобно? Вполне! Я думаю, что этот способ - один из наиболее эффективных (особенно, если речь касается русскоязычного текста).
Примечание: если на распознаваемом фото/картинке будет использоваться редкий шрифт (которого нет в вашей системе) - Fine Reader подберет автоматически наиболее похожий из тех, что есть.
Вариант 2: с помощью онлайн сервисов
Онлайн-сервисы удобны прежде всего тем, что вы сразу же можете приступить к работе (ничего не устанавливая и не настраивая). С другой стороны, их функциональность и эффективность - достаточно низкая (по крайней мере, для работы с ними нужно иметь куда качественнее изображение, чем для того же Fine Reader).
Впрочем, есть и преимущество: они могут определить шрифт даже в том случае, если у вас его нет на ПК. Ниже привожу несколько ссылок:
- (сервис для авто-распознавания шрифта. Обычно всегда рекомендует платные версии шрифтов, в то время как они почти не отличаются от обычных...);
- (аналогичный сервис);
- (аналог предыдущих, правда работает через раз, но все-таки...);
- (богатая коллекция русских шрифтов);
- (И еще одна... Здесь собрано более 1000 разнообразных шрифтов! 😉).
Работа с вышеприведенными сервисами строится либо в ручном варианте (когда вы сами подбираете шрифт, сравнивая его с оригиналом), либо в авто-варианте (когда сервис по схожести подберет вам коллекцию шрифтов).
Рассмотрю работу в одном из сервисов - myfonts.com (он первый в моем мини- списке). После перехода на сайт - вам нужно загрузить изображение и выбрать область текста на нем (см. шаг 1 и 2 на скриншоте ниже).
Отмечу, что англоязычные сервисы не очень хорошо работают с русским текстом (часто вместо конкретного шрифта подбираются какие-то ).
Примечание : также обратите внимание, что платные шрифты (которые вам будут предлагать купить на различных сервисах) часто почти не отличаются от бесплатных, тех, что уже установлены в вашей системе.
На этом пока всё.