Найти шрифт по изображению онлайн. Поиск шрифта по картинке – лучшие бесплатные онлайн сервисы. Расширение What font: кириллица не проблема

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

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

Текущая конъюнктура такова, что имеющиеся в сети сервисы для определения шрифта online имеют исключительно зарубежное местоположение. Это означает, что они акцентированы на латиницу , и плохо определяют кириллические символы .

Осознавая подобный «латинский» акцент, ряд мировых стран (Китай, Япония, страны ближнего Востока и др.) направили свои усилия на создания собственных веб-ресурсов, обслуживающих особенности их собственных шрифтов. В России такие ресурсы на данный момент отсутствуют, как и не слышно об их появлении в ближайшем будущем.

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

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

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

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

WhatTheFont – определение фонта онлайн

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

Для работы с сайтом выполните следующее:

En.likefont.com – идентификация русского шрифта по картинке

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

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

Ресурсы для визуальной идентификации

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

Среди таких ресурсов отметим следующие:

Специализированные форумы для определения шрифта

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

Заключение

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

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

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

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

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

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 – возможно, человеческий фактор это то, что окажется для вас наиболее эффективным.

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

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

Исходный код страницы

Самый простой способ – исследовать код страницы. Глубокие познания в HTML и CSS для выполнения этой задачи не понадобятся, нужно лишь найти свойства «font-family ». Рассмотрим на примере Google Chrome:

Откройте страницу, на которой используется понравившийся шрифт. Щелкните правой кнопкой по тексту. Выберите пункт «Просмотреть код ».

Справа появится консоль с инструментами разработчика. Найдите в ней пункт «font family ».

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

Кстати, в других браузерах операция выполняется аналогично. Например, в Mozilla Firefox нужно щелкнуть по тексту правой кнопкой и выбрать пункт «Исследовать элемент».

Искомые данные отобразятся в окне справа, свойство называется также «font family ».

Сервисы и расширения

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

Зайдите на сайт fount.artequalswork.com . Там есть большая кнопка «Fount», которую нужно схватить и перетащить на панель закладок.

Важно! Чтобы отобразить панель закладок в Chrome, нажмите сочетание Ctrl+Shift+B .

Откройте страницу с понравившимся шрифтом. Нажмите на Fount на панели закладок. Курсор превратится в крестик. Наведите его на шрифт и щелкните левой кнопкой. Результат появится в правом верхнем углу.

В Mozilla Firefox, Opera и других браузерах Fount тоже работает без проблем. Если этот сервис вам не нравится, или вы не хотите пользоваться панелью закладок, то используйте одно из расширений для определения шрифта.

Fontface Ninja для Safari и Chrome.

Type Sample для Chrome.

WhatFont для Chrome, Firefox, Яндекс.Браузера.

Typ.io для Chrome.

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

Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).

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

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

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

Шаг 2: После загрузки картинки, проверьте, что What The Font правильно определил глифы, и лишь после этого жмите «поиск».

Вкратце, ГЛИФ - это графический образ знака. Один знак может соответствовать нескольким глифам; строчная «а», капительная «а» и альтернативный вариант строчной «а» с росчерком являются одним и тем же знаком, но в то же время это три разных глифа (графемы).

С другой стороны, один глиф также может соответствовать комбинации нескольких знаков, например лигатура «ffi», являясь единой графемой, соответствует последовательности трех знаков: f, f и i. Т.о. для программы проверки орфографии слово suffix будет состоять из 6 знаков, а графический процессор выдаст на экран 4 глифа.

Сначала я загрузил эту картинку:

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