Вопрос-ответ
Как определить шрифт по картинке?
Бесплатно и онлайн. По PNG или JPG.
Если вам понравился шрифт на сайте или баннере, его можно найти и использовать. Популярные Arial или Times New Roman можно узнать и без специальных сервисов — например, по отсутствию или присутствию засечек. А более редкие и незнакомые надписи можно распознать онлайн: по картинке или скриншоту. Рассказываю, как это сделать.
Требования к картинкам
В любом из сервисов, позволяющих определить шрифт по картинке, схожие требования к загружаемым изображениям:
- Буквы чёткие и имеют различимый контур.
- Каждый символ отделён от соседних (не нарушено расстояние между буквами).
- Изображение сохранено в формате jpeg или png.
- Картинка не теряет качество при увеличении. Лучше использовать разрешение не менее 600 точек на дюйм.
Если все условия соблюдены, сервис выдаст похожий шрифт и даже предложит варианты для бесплатного использования.
Процесс работы с определителями шрифтов
Чтобы определить шрифт, подготовьте исходное изображение: сохраните картинку или скриншот на компьютер. Дальше алгоритм работы всех сервисов похожий:
- Вставьте изображение в поисковую строку программы и запустите сравнение.
- По запросу выделите область сканирования, особенно если на картинке несколько разных начертаний.
- Получите результат: обычно программа предлагает несколько вариантов, которые могут быть похожи на нужный.
- Скопируйте название шрифта, максимально похожего на искомый. Часть сервисов предлагают скачать или купить найденный образец.
Теперь разберу несколько онлайн-сервисов, которые распознают шрифт онлайн.
WhatTheFont
Ссылка: https://www.myfonts.com/pages/whatthefont
Стоимость. Бесплатно.
Язык. Английский. (Кириллицу также не распознает.)
База. 230 000+ шрифтов.
Популярная платформа для тех, кто хочет узнать шрифт. Можно загрузить файл и выбрать конкретное место на картинке. Также есть поиск по категориям.
Сервис работает быстро, большая база. Правда, в РФ будет доступен только через VPN.
✅
Не требуется регистрация
Быстрый поиск по базе 230+ тыс. шрифтов.
Есть приложения (iOS, Android) для распознавания шрифта на смартфонах (можно просканировать с фотографии)
❌
Не распознает кириллицу
Найденные по скриншоту шрифты предлагает купить, даже если есть бесплатный аналог
Не работает в РФ без VPN
Font Identifier
Ссылка: https://www.fontsquirrel.com/matcherator
Стоимость. Бесплатно.
Язык. Английский.
База. У самого сервиса всего несколько тысяч шрифтов, но он ищет и в других коллекциях.
Англоязычный сервис, но работает и с кириллицей. Распознает шрифт по каждой букве, поэтому результаты сканирования глубокие.
✅
Не требуется регистрация
Распознает шрифты на десяти языках, в том числе на русском, украинском, белорусском
В поисковой выдаче есть платные и бесплатные варианты шрифтов
❌
Много рекламы внутри платформы
Не сразу получается правильно настроить matcherator
Fontspring
Ссылка: https://www.fontspring.com/matcherator
Стоимость. Бесплатно.
Язык. Английский.
База. 900 000+ шрифтов.
По сути аналогичен предыдущему сервису. Сразу видно, у самого определителя шрифтов и редактора картинок тот же интерфейс.
✅
Не требуется регистрация
Есть редактор для обрезки и поворота загруженных изображений
Можно сканировать изображение по ссылке
❌
Не очень хорошо работает с кириллицей
В основном только платные шрифты
IdentiFont
Ссылка: http://www.identifont.com/
Стоимость. Бесплатно.
Язык. Английский.
База. 150 000+ шрифтов.
Главное отличие от других сервисов по распознаванию — отсутствие автоматического поиска. Найти шрифт можно по наводящим вопросам, символу, имени дизайнера, части названия или по внешним признакам. Несмотря на устаревший дизайн, новые шрифты появляются регулярно. Ресурс позиционируется как крупнейший независимый каталог.
✅
Не требуется регистрация
Постоянно пополняется база
Можно найти шрифт по названию, дизайнеру или наводящим вопросам
❌
Нельзя определить по картинке
WhatFontIs
Ссылка: https://www.whatfontis.com/
Стоимость. Бесплатно или дополнительные возможности поиска за $40 в год.
Язык. Английский. (Также не работает с кириллицей.)
База. 840 000+ шрифтов.
Напоминает первый сервис из нашей подборки. Помимо стандартных настроек распознавания, встроенный редактор может разделять символы — эта функция пригодится для работы с рукописными шрифтами.
Для того, чтобы сервис верно определил шрифт, можно отделить каждый символ чертой
✅
Можно сохранить результат сканирования (понадобится регистрация)
Если изображение не подходит, платформа поможет отредактировать его онлайн. В том числе разделить символы
Можно искать похожие варианты по фильтру «только бесплатные»
❌
Работает только с латиницей
Не более 10 символов на исходной картинке
Не очень удобно пользоваться без регистрации и подписки
За красивыми рассылками — в Unisender
Удобный конструктор писем. В пару кликов вставляйте текст, ссылки, картинки, гифки, видео. 15 минут — и рассылка готова!
Попробовать
Не могу узнать шрифт. Что делать?
Иногда сервис отказывается распознавать шрифт по картинке. Что в этом случае можно сделать:
- Визуально проверьте картинку: возможно, надпись в тексте сделана из разных шрифтов. Если это так, скормите сервису только часть изображения.
- Отредактируйте изображение, чтобы надпись читалась чётче. Некоторые сервисы имеют встроенный редактор. Иногда можно найти картинку в лучшем разрешении.
- Попробуйте скормить картинку другому сервису. Возможно, он распознает образец.
- Вернитесь к распознаванию через некоторое время. Базы регулярно обновляются.
- Если шрифт кириллический, загружайте только символы одинаковые в написании на латинице и кириллице. Это буквы, а, е, с, p, y и некоторые заглавные буквы.
Также можно поискать шрифт вручную на форумах или задать вопрос там же: форум MyFonts, форум Fontmassive, форум Ruldtp.
Кстати, у FontMassive ещё есть инструмент FontDetect для определения шрифта. Это бесплатная программа под Windows, которая распознает кириллицу. Но она ищет только среди вариантов, которые установлены на компьютере.
ЭКСКЛЮЗИВЫ ⚡️
Читайте только в блоге
Unisender
Поделиться
СВЕЖИЕ СТАТЬИ
Другие материалы из этой рубрики
Не пропускайте новые статьи
Подписывайтесь на соцсети
Делимся новостями и свежими статьями, рассказываем о новинках сервиса
«Честно» — авторская рассылка от редакции Unisender
Искренние письма о работе и жизни. Свежие статьи из блога. Эксклюзивные кейсы
и интервью с экспертами диджитала.
#подборки
- 28 июл 2022
-
0
Какой это шрифт? Четыре сервиса, которые помогут узнать название
Рассказываем про ресурсы, на которых можно распознать нужный шрифт и найти похожие.
Иллюстрация: Merry Mary для Skillbox Media
Маркетолог и дизайнер. Работает с NFT-стартапами, а в свободное время пишет статьи о дизайне.
Зачастую концепция или требования в техническом задании ставят перед дизайнером нелёгкую задачу найти определённый шрифт или подобрать похожий. Пожелания клиента могут быть разными: выдержать стиль русского авангарда, подобрать начертание, похожее на шрифт известного бренда, или же вообще использовать неизвестный шрифт, «как на этой картинке». К счастью, поставленные задачи вполне можно решить с помощью сервисов распознавания шрифтов.
Суть работы этих программ заключается в том, что сервис распознаёт шрифт на изображении или по описанию и находит его в собственной библиотеке, предлагая и «запасные» — похожие варианты. Долгое время в России самым известным ресурсом для этого был WhatTheFont, созданный компанией MyFonts — крупным дистрибьютором шрифтов. Он не всегда искал идеально, но стал популярным благодаря интуитивно понятному интерфейсу и своей огромной библиотеке. В WhatTheFont не нужно регистрироваться, и даже если под рукой нет компьютера, то найти шрифт можно с помощью приложения для смартфонов.
В этом году магазин MyFonts и сервис WhatTheFont стали недоступны на территории России. Однако мы подобрали четыре альтернативных ресурса, которые помогут вам опознать нужный шрифт.
Рассказываем о:
- сервисе с библиотекой бесплатных шрифтов;
- коллекции с большим выбором кириллицы;
- программе, которая ищет шрифт на вашем компьютере;
- сервисе, который найдёт шрифт по описанию.
WhatFontIs по своему функционалу очень напоминает знаменитый WhatTheFont. Здесь так же можно искать шрифты с помощью изображений и выбирать нужные варианты из более 820 тысяч бесплатных и платных шрифтов библиотеки.
В описании сервиса указано, что для каждого запроса программа предлагает 60 похожих вариантов. К тому же с помощью фильтров каждый пользователь может выбрать исключительно бесплатные для скачивания шрифты. Среди них есть образцы как для личного пользования, то есть чтобы «примерить» их перед покупкой, так и абсолютно бесплатные из библиотеки Google Fonts. Платные шрифты можно купить здесь же, прямо на сайте.
Работать с WhatFontIs очень просто. В начале нужно просто скопировать интернет-адрес изображения с надписью или даже просто саму картинку, кликнув по ней правой кнопкой мыши. Это очень удобно, если картинка находится в мессенджере или взята из поисковика. Также можно загрузить изображение с компьютера с помощью кнопки browse by clicking here.
WhatFontIs автоматически инвертирует изображение, чтобы шрифт считывался лучше, и предлагает выбор между исходным вариантом и отредактированным. Если получившийся результат всё ещё недостаточно хорошо выделяет шрифт на фоне, можно воспользоваться дополнительными функциями редактора: добавить контраста, яркости, повернуть изображение, убрать шум. Примечательно, что сервис также позволяет разделять символы непосредственно во время редактирования изображения. Эта функция может быть полезна в работе с рукописными шрифтами, когда соседние глифы соединены между собой.
Пользоваться перечисленными базовыми функциями сервиса можно даже без регистрации. Однако авторизовавшись, пользователь может сохранять шрифты в свою библиотеку, получать более широкую выдачу для каждого запроса и даже пользоваться функцией автораспознавания символов, с помощью которой не нужно вводить под картинкой каждую букву вручную.
Также WhatFontIs предлагает оформить платную подписку, с которой появится возможность воспользоваться более точным поиском, найти альтернативы дорогим шрифтам среди бесплатных Google Fonts, избавиться от рекламы, а также получить доступ к фильтрам по цене и авторам.
Особенности:
- возможность загрузить картинку через Copy & Paste;
- встроенный инструмент разделения рукописных надписей на глифы;
- гибкие настройки обработки изображения со шрифтом, чтобы считываемый текст был более чётким;
- фильтр по бесплатным шрифтам;
- бесплатный конвертер в веб-шрифты;
- форум, где помогут с распознаванием редкого шрифта и можно обсудить проблемы типографики.
WhatFontIs отлично выполняет свои функции сервиса по распознаванию шрифтов и имеет богатый инструментарий. К его единственному недостатку можно отнести не очень большую библиотеку кириллицы. Но, зная название гарнитуры, её затем всегда можно найти в шрифтовом магазине на своём языке.
В этой статье мы собрали самые интересные бесплатные шрифты за первый квартал этого года.
Библиотека сервиса Font Matcherator включает в себя более 900 тысяч платных и бесплатных шрифтов, доступных для скачивания и покупки непосредственно на сайте Fontspring.
Механика этого сервиса тоже простая и очевидная — нужно загрузить картинку с текстом или ввести её интернет-адрес, и программа найдёт нужный шрифт. После загрузки изображения Font Matcherator предлагает пользователю обрезать изображение, чтобы убрать все ненужные элементы и на конечной картинке остался только необходимый шрифт. Также программа даёт возможность повернуть изображение в любую сторону с шагом в 15 или 90 градусов.
К сожалению, на практике сервис иногда не может распознать рукописные шрифты, и поэтому могут понадобиться сторонние программы, чтобы отделить символы друг от друга во время поиска.
Отдельно нужно отметить, что в магазине Fontspring, на базе которого работает сервис, есть раздел с доступными и простыми описаниями лицензий. Здесь каждый может ознакомиться с информацией о лицензировании и подобрать для себя необходимый для работы формат. Кроме этого, платформа предоставляет поддержку пользователей и помогает в вопросах покупки и установки шрифтов.
Особенности:
- хорошая библиотека кириллических шрифтов;
- удобный список с типами лицензий и ценами для каждого шрифта;
- большинство шрифтов платные, но всегда находятся и несколько начертаний для пробного бесплатного пользования;
- конвертер веб-шрифтов Font Squirrel;
- форум Font Talk для обсуждения и поиска шрифтов.
Главное преимущество Font Matcherator — большая библиотека кириллических шрифтов. И хотя сервис имеет менее гибкие настройки по подготовке изображения к распознаванию, за счёт большой библиотеки кириллицы он будет хорошим выбором для дизайнера, работающего с продуктами на русском языке.
FontDetect — это десктопная программа для распознавания шрифтов. Её главная особенность — она ищет нужный шрифт из библиотеки шрифтов, уже установленных на компьютер. Эта функция очень полезна, если шрифтов установлено действительно много, в том числе и платных. Ведь бывает так, что заказчик просит создать новый дизайн в стиле старой работы, которая сохранилась только в виде превью или растрового макета, и вспомнить, какой шрифт в ней был использован, теперь уже сложно.
Программу не требуется устанавливать — достаточно скачать архив с сайта разработчиков и распаковать его. К сожалению, пока что есть версия только для Windows. Далее нужно действовать по инструкции на сайте или в самой программе. Поначалу руководство выглядит довольно пугающим, но это связано с тем, что оно очень подробное. На самом деле программа имеет вполне понятный интерфейс — простые шаги для распознавания прописаны над панелью инструментов. Следуя им, можно без труда разобраться в функциях, и она станет хорошим помощником.
Однако есть несколько нюансов, которые нужно учитывать, чтобы результат был качественным. Например, на практике Font Detect распознаёт лучше текст на светлом фоне, а на контрастном и тёмном практически не считывает. Чтобы решить этот вопрос, создатели FontDetect предусмотрели специальную функцию «Инверсия», которую можно найти на панели инструментов.
Также программа иногда не разделяет соединённые между собой глифы в рукописных шрифтах — на этот случай разработчики предусмотрели функцию «Разделитель символов», с помощью которой пользователь может самостоятельно обозначить границы каждого символа.
Помимо встроенных инструментов, в FontDetect есть две надстройки — Linear Text и Circular. Первая нужна для выпрямления текста по кривой, а вторая — для распознавания символов, расположенных по окружности.
Особенности:
- работает только на Windows;
- подбирает шрифт из уже установленных на компьютер;
- имеет нестандартные функции: «Инверсия», «Разделитель символов», «Ластик»;
- распознаёт кириллические шрифты.
Возможно, с первого взгляда программа FontDetect и покажется странной, однако она может помочь дизайнеру отыскать нужный шрифт на собственном компьютере и существенно сократит время, которое тот бы потратил на поиски в интернете. Ведь зачем тратить драгоценный ресурс, если шрифт уже установлен, а FontDetect точно сможет его найти?
Рассказываем, как правильно купить шрифт для проекта и как устроены лицензии на шрифты, в этом материале.
Хотя Identifont не является сервисом по распознаванию шрифтов в привычном понимании, он также может помочь найти нужный шрифт. Программа не предусматривает функции распознавания шрифта по картинке, но предлагает подобрать его с помощью наводящих вопросов — показывает конкретные символы и расспрашивает про их визуальные характеристики. Причём, что важно, вопросы будут понятны даже новичку — выбирать можно по картинке-примеру с отличиями. Так, шаг за шагом, количество шрифтов, которые могли бы соответствовать искомому, сокращается, пока не останется всего несколько вариантов. Для того чтобы увидеть их все, нужно нажать на «Show all matches» в левой колонке.
Если же известно название шрифта, то Identifont предлагает возможность найти похожий шрифт. Это полезно, когда клиент принёс готовый референс, но хочется сохранить уникальность дизайна. Ну а если пользователь помнит название гарнитуры лишь примерно, сервис предлагает поиск лишь по части названия, причём необязательно даже по только первым буквам.
Identifont не продаёт шрифты, поэтому для каждого найденного варианта он даёт ссылки на несколько интернет-магазинов, где можно посмотреть превью шрифта и выбрать оптимальные условия покупки.
Ещё одна интересная опция — возможность найти символьные шрифты по ключевым словам. Например, шрифт, в котором каждый символ изображает кошечку или значок из библиотеки иконок.
Особенности:
- ищет шрифт не по картинке, а на основе характеристик;
- возможность найти шрифт по части названия или фамилии дизайнера;
- коллекция символьных шрифтов;
- предлагает на выбор разные магазины для покупки шрифта;
- для распознавания нужно достаточно большое количество символов искомого шрифта.
Современные сервисы для распознавания шрифтов отлично справляются со своей задачей! И хотя теперь найти нужный шрифт так легко, всё же приятнее создавать свой авторский дизайн, не правда ли? Референсы и примеры от заказчиков — лишь подсказки на пути к вашему уникальному стилю. Не бойтесь давать волю своей фантазии, и даже если клиент просит сделать копию, вы всегда можете предложить ему свой неповторимый, уникальный дизайн.
Научитесь: Профессия Графический дизайнер
Узнать больше
Здесь мы собрали самые удобные сервисы и приложения для идентификации шрифтов. Сохраните эту статью себе в закладки и вы с легкостью сможете узнать название любого шрифта!
Дизайнеры часто сталкиваются с необходимостью узнать, каким шрифтом написан тот или иной текст. Перебор всей имеющейся коллекции шрифтов в поисках совпадения — далеко не самый удобный способ. Кроме того, нужного шрифта может просто не оказаться. Конечно, можно обратиться за помощью на тематические форумы, где другие дизайнеры смогут подсказать название шрифта. Только вот ждать ответа придется неделями. А если ждать некогда? Что же делать тогда?
На самом деле все просто. Воспользуйтесь этими ресурсами и вы сможете узнать название шрифта буквально за пару минут, а может даже быстрее!
Online-сервисы
WhatTheFont
WhatTheFont — объективно лучший сервис для идентификации шрифтов по картинкам. Просто загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, и жмете на большую зеленую кнопку. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Сервис удобен еще и тем, что найденный шрифт можно сразу же купить.
Для тех, кто ищет шрифты постоянно и в любых условиях, есть мобильное приложение для iPhone и Android. Можно просто сфотографировать шрифт и тут же узнать его название. Очень удобно!
IdentiFont
На этом сервисе можно искать шрифт, если у вас нет его изображения, но вы помните, как он выглядит, и сможете указать его характеристики, отвечая на ряд вопросов. Не сказать, что это самый удобный способ, но если другого варианта нет — вполне можно найти то, что нужно! Создатели сервиса предлагают разные варианты поиска шрифтов: по названию (частичному), по шрифтовым семьям, по символам и даже по дизайнерам, которые их разрабатывали.
Whatfontis
What Font is — онлайн-сервис идентификации шрифта по картинкам. Во многом похож на WhatTheFont, но стоит добавить в закладки, на всякий случай.
Приложения и расширения для браузеров
Помимо вышеперечисленных онлайн-сервисов, существуют их аналоги в виде расширений для браузеров. Их плюс в том, что не нужно каждый раз открывать новую вкладку, чтобы узнать каким шрифтом сделана та или иная надпись на сайте. Достаточно просто активировать расширение.
FontFaceNinja
Бесспорный лидер на данный момент. FontFaceNinja дает возможность не только узнать название любого шрифта на сайте (не картинки), но и попробовать его написание здесь же на сайте, а также (внимание) скачать понравившийся шрифт! Конечно, авторы предупреждают, что шрифты скачиваются исключительно для ознакомления.
Помимо красоты и удобства этого расширения есть еще один приятный момент. В FontFaceNinja есть волшебная кнопка (маска), которая скрывает всю рекламу со страницы, позволяя наслаждаться исключительно шрифтами. Скачать расширение можно совершенно бесплатно. Работает с Chrome и Safari.
Whatfont tool
Расширение для Chrome и Safari, которое поможет узнать названия шрифтов в браузере. Показывает достаточно подробную справочную информацию по интересующему шрифту, включая шрифтовую семью, размер и высоту строки.
Fount
Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.
Апгрейд личных навыков распознавания шрифтов
Каждому хочется быть крутым дизайнером, который знает не только все существующие шрифты по названиям и семьям, но еще может перечислить разработчиков и рассказать истории создания. Конечно, такие навыки — это бесспорный талант. Но немного улучшить свои знания вполне реально. Вот несколько игр и инструментов, которые помогут вам в этом.
Font Trainer
Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.
The Font Game HD
Это приложение в буквальном смысле играючи поможет выучить названия и начертания шрифтов. Есть разные режимы игры, интересные задания и статистика ваших достижений. Из минусов стоит отметить, что приложение платное и только в AppStore.
Потренировались? Пора проверить свои знания!
Простой и красивый тест, о котором мы отдельно писали в блоге. Сможете ли вы определить 10 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!
Напишите нам, если вы знаете еще какие-то удобные сервисы или приложения для идентификации шрифтов. Будем рады вашим комментариям! И поделитесь ссылкой на эту статью с друзьями. Пусть их жизнь тоже станет чуточку проще 🙂
Бывает, видишь шрифт, но не знаешь его название.
Если это текст на сайте, то название шрифта всегда можно определить из кода сайта. Если же картинка, то гарантии нет, но есть вероятность — она зависит качества картинки, качества сервиса и распространенности шрифта.
| Инструмент | Есть ли кириллица | Требования к картинке | Умен ли распознаватель | Сколько шрифтов в базе |
|---|---|---|---|---|
| WhatTheFont | есть | Распознается довольно мелкий шрифт | Хоть и считывает мелкий шрифт, но находит далеко не все | 130 000 |
| WhatFontIS | нет | Шрифт должен быть большим | Находит многие шрифты, не найденные WhatTheFont. Если их дать крупно. | 600 000 |
| Font Squirrel | нет | Шрифт должен быть большим | Алгоритм заявлен как хороший, но на практике мало что находит. | Это агрегатор с 4-х сайтов: WhatTheFont, Fontspring, Font Squirrel, Fontzillion. |
| FontSpring | нет | Шрифт должен быть большим | Такой же, как Font Squirrel, но шрифтов меньше. | 69 000 |
| Fontmassive | есть | Здесь можно задать вопрос людям, приложив картинку | ||
| Quora | нет | Здесь можно задать вопрос людям, приложив картинку | ||
| нет | Здесь можно задать вопрос людям, приложив картинку | |||
| xfont.ru fontov.net fonts2u.com |
есть | Это просто коллекции русских шрифтов, по которым можно поискать русский шрифт вручную | ||
| Identifont | нет | Сомнительный способ определить шрифт по наводящим вопросам | ||
| Fonts Ninja | есть | Этот расширение для Chrome. Оно определяет шрифт не с картинки, а просто шрифт любого текста на любом сайте. |
WhatTheFont
Это давний сервис, но единственное его преимущество на данный момент — возможность распознать мелкий шрифт. В него можно загрузить даже макет сайта, и если шрифт хоть чуть больше основного, он нормально загрузится и считается.
В общем, требования к картинке довольно мягкие — это не обязательно должен быть логотип в хорошем разрешении, состоящий из крупных букв, но даже просто макет с мелкими буквами.
Остальные сервисы воспринимают только картинки большого размера с крупным шрифтом.
Итак, попробуем воспользоваться сервисом.
Мы будем расшифровывать довольно крупный шрифт, просто чтобы остальные сервисы тоже могли сработать на этой картинке. Картинка 960×640 пикселей.
- Переходим сюда https://www.myfonts.com/WhatTheFont/
- Перетаскиваем из проводника картинку на открывшуюся область:
Перетащили картинку, появилась рамка - Появляется рамка, она охватывается предлагаемую для распознавания область картинки, ее можно передвинуть и сузить либо расширить.
- Жмем синюю кнопку и получаем набор предлагаемых вариантов (очень много, все платные).
- Нужный шрифт не найден.
Набор вариантов
У сервиса есть второе преимущество — в нем можно отыскать некоторые кириллические шрифты.
WhatFontIs
Этот сервис имеет самую большую поисковую базу, для поиска английского шрифта мне он понравился больше всех. Жаль, что он не поддерживает кириллицу.
- Заходим сюда https://www.whatfontis.com/
- Загружаем картинку. Сервис предлагает мышкой разделить символы, что мы и делаем.Такой возможности больше нет ни в каком сервисе.
Разделяем слившиеся символы мышкой - На следующим шаге мы еще вводим буквы с клавиатуры вручную, чтобы помочь распознавателю.
- В результате шрифт найден. Называется он Vegan Style Personal Use.
Найденный шрифт
Fonts Squirrel
В этом сервисе поиск идет по 4-м сайтам, но шрифтов все равно меньше, чем в предыдущем сервисе (WhatFontIs). Наш шрифт остался не распознанным.
Кроме того, разделить буквы мышкой тут нельзя, и на нашей картинке отдельным символом распознается только буква V, остальные буквы слиты по две:
FontSpring
FontSpring — всего лишь урезанная версия Fonts Squirrel — распознаватель у них общий, но Fonts Squirrel ищет помимо шрифтов с FontSpring, шрифты с еще 3-х сайтов. Так что никакого смысла пользоваться FontSpring нет, однозначно не рекомендую.
Fonts Ninja
Fonts Ninja — это расширение для браузера Google Chrome. Оно предназначено для идентификации шрифта текста с сайта — именно текста, а не картинки.
После установки расширения в правом верхнем углу браузера появится зеленая кнопка. Щелкаете эту кнопку, и тогда при наведении курсора на текст веб-страницы сайта будет всплывать окно с названием и размером шрифта. Выглядит так:
Расширение пригодно для определения шрифта текста на любом языке.
IdentiFont
На этом сервисе можно попытаться распознать английский шрифт, ответив на ряд вопросов:
- Есть ли засечки
- Выберите стиль хвостика буквы Q
- Выберите стиль вертикальной линии знака $
- Выберите стиль знака &
- Выберите, на каком уровне средняя точка буквы M
- Замкнута ли правая верхняя часть цифры 4
- Какова форма точки знака вопроса
- и так далее
Где распознать русский шрифт с картинки
Большинство онлайн-сервисов распознавания с картинки определяет только английский шрифт. Распознать русский шрифт можно несколькими способами.
Воспользоваться англоязычным сервисом, загрузив туда универсальные буквы
Нужно выбрать буквы, которые одинаковы в русском и английском (например a, o, p, c, m, y, p, в, м, н, х) — распознать их как английский шрифт в том же сервисе WhatFontIs.
А затем по названию английского шрифта найти аналогичный русский шрифт.
Попробовать поискать на WhatTheFont
Там хоть и мало шрифтов, но все же есть немного кириллицы.
Спросить людей на сайте
Можно задать вопрос на сайте fontmassive.com/discuss — тут довольно живая дискуссия, обновления почти каждый час. Просто прикрепляете картинку и ждете ответа.
Сайты-коллекции русских шрифтов
Поискать по коллекциям русских шрифтов — обычно российские дизайнеры не озадачиваются созданием нового шрифта, а берут готовый. Поэтому часто шрифт можно найти по ключевым характеристикам: с засечками, без засечек, рукописные, ретро, гранж и так далее.
Несколько таких сайтов есть в таблице выше в третьей снизу строке.
В чем сложность? При верстке сайта, разработке приложений, работе в текстовых документах много времени приходится уделять шрифтам. Хорошо, когда встроенные в программу образцы полностью удовлетворяют ваши запросы. А если вы где-то увидели шрифт на картинке и он вам очень понравился? Как понять, что это?
Что делать? Чтобы определить шрифт по картинке, нужно воспользоваться онлайн-сервисами. Всё что потребуется – перейти на сайт, загрузить изображение и подождать, пока оно будет обработано. В нашем материале вы найдете подборку самых удобных сервисов по распознаванию шрифтов.
В статье рассказывается:
- Способ определить шрифт по картинке
- 5 сервисов для определения шрифта онлайн по картинке
- Fontspring.com
- Identifont.com
- Помощь специалистов в определении шрифта
-
Пройди тест и узнай, какая сфера тебе подходит:
айти, дизайн или маркетинг.Бесплатно от Geekbrains
Способ определить шрифт по картинке
Довольно часто в техническом задании у дизайнера есть пункт, в котором говорится, что специалисту надо подобрать подходящий шрифт или найти какой-то определённый. Заказчик может высказать любое пожелание: придерживаться стиля русского авангарда, сделать шрифт как у популярного бренда или такой, как на высланной картинке.
Самые часто используемые шрифты Arial или Times New Roman легко узнать по наличию либо отсутствию засечек. Редкий и малоизвестный шрифт можно определить по фото через специальный сервис.
Суперэффективного сайта, который поможет распознать шрифты, нет, но есть несколько способов, с помощью которых можно узнать шрифт с картинки.
Существуют специальные онлайн-инструменты, разработанные с целью определения шрифтов. Сайты работают по такому принципу: программа анализирует текст с картинки или описание шрифта и находит наиболее подходящий в своей базе данных, вдобавок предлагает несколько похожих начертаний.
У каждого сервиса есть требования к картинкам, которые практически везде одинаковые:
- Буквы должны быть чёткими с различимым контуром.
- Между символами выдержано нужное расстояние.
- Формат изображения jpeg или png.
- При увеличении фото качество не ухудшается. Желательно, чтобы разрешение было не меньше 600 точек на дюйм.
Скачать
файл
Если все требования были учтены, сайт сможет определить шрифт в файле и выдаст варианты начертаний, которые можно использовать бесплатно.
Перед тем как приступить к поиску шрифта, надо подготовить фото с текстом: для начала, сохранить изображение на своё устройство. Последующие этапы практически всегда одинаковы:
- Добавьте картинку в поле поиска на сайте и нажмите «пуск».
- Укажите область распознавания, особенно когда на фото несколько разных шрифтов.
- Ознакомьтесь с результатами: зачастую сервис выдаёт несколько вариантов, которые напоминают шрифты с картинки.
- Скопируйте название шрифта, который показался вам самым подходящим. Некоторые платформы дают возможность скачать или купить нужный образец.
Самым популярным сайтом в России, определяющим шрифт, раньше был WhatTheFont, который разработала фирма MyFonts – крупный дистрибьютер шрифтов. Не во всех случаях сервер находит идентичный шрифт, но благодаря понятному интерфейсу и большой базе разных начертаний пользователи отдают предпочтение именно этому сервису. Для работы с сайтом не надо проходить регистрацию, а распознать шрифт можно не только через компьютер, но и с помощью смартфона.
В настоящее время магазин MyFonts и их сайт WhatTheFont не могут предоставлять свои услуги пользователям из России. Но не надо отчаиваться, так как есть другие сервисы, которые помогут распознать и найти необходимый шрифт.
Fontspring.com
У сайта огромная библиотека, где насчитывается больше 900 тысяч шрифтов, среди которых есть платные и бесплатные. Скачать или купить образец можно прямо на сервисе Font Matcherator.
Принцип работы вполне понятный и интуитивный: необходимо добавить файл с текстом или написать интернет-адрес картинки и запустить поиск шрифта. Когда вы загружаете фото, сервис предлагает обрезать его, чтобы остался только нужный фрагмент для распознавания, без лишних деталей. Помимо этого, Font Matcherator позволяет поворачивать картинку в любом направлении, используя шаг либо в 15°, либо в 90°.
Сайт не может распознать рукописный шрифт, поэтому приходится прибегать к помощи других программ, которые разделят буквы при поиске.
Стоит упомянуть, что в магазине Fontspring, который является основой инструмента, можно найти сведения о лицензиях и подобрать наиболее подходящий формат для работы. Помимо этого, есть техническая поддержка, которая помогает пользователям решать возможные проблемы в работе с ресурсом и даёт рекомендации по приобретению и установке шрифтов.
Топ-30 самых востребованных и высокооплачиваемых профессий 2023
Поможет разобраться в актуальной ситуации на рынке труда
Подборка 50+ ресурсов об IT-сфере
Только лучшие телеграм-каналы, каналы Youtube, подкасты, форумы и многое другое для того, чтобы узнавать новое про IT
ТОП 50+ сервисов и приложений от Geekbrains
Безопасные и надежные программы для работы в наши дни
Уже скачали 20831 
Положительные качества сайта:
- большая библиотека кириллических шрифтов;
- понятный и удобный перечень типов лицензий и стоимости шрифтов;
- большая часть начертаний доступны только после покупки, но есть и те, которыми можно воспользоваться бесплатно;
- конвертер веб-шрифтов Font Squirrel;
- форум Font Talk, где проводятся обсуждения и поиск начертаний.
Читайте также
Самый большой плюс сайта Font Matcherator в том, что он эффективно определяет кириллические шрифты благодаря большой библиотеке, в которой много видов русских начертаний. Несмотря на то, что ресурс не очень хорошо проводит обработку фото для поиска, в базе данных много шрифтов, которые пригодятся дизайнеру, работающему с русской продукцией.
Identifont.com
Данный сайт создан не для поиска шрифтов, но он может помочь распознать стиль символов. На ресурс вы не сможете загрузить фото с текстом, но вам будут заданы наводящие вопросы, которые помогут узнать шрифт. Сервис покажет определённые буквы, а вам надо будет описать их визуальные особенности. Главное здесь то, что на вопросы сможет ответить любой человек, ведь можно делать выбор с помощью картинки-примера, где изображены отличия.
Таким образом, с каждым вопросом число подходящих шрифтов будет сокращаться до того момента, пока не останется несколько образцов. Для просмотра всех вариантов надо кликнуть на кнопку «Show all matches», которая находится в левой колонке.
Если вы знаете, как называется шрифт, Identifont поможет найти наиболее похожий. Особенно нужна эта функция в ситуациях, когда заказчик предоставляет готовые референсы, но хочется, чтобы дизайн был уникальным. Если вы помните лишь часть названия шрифта, у сайта есть возможность поиска по фрагменту, при этом работает он не только с первыми буквами.
На сервисе вы не сможете приобрести шрифт, но он предложит вам несколько сайтов, на которых они продаются. Там вы получите возможность детальнее изучить шрифты и выбрать наиболее выгодные условия покупки.
Есть у Identifont ещё одна необычная функция: он может подобрать символьные шрифты, отталкиваясь от ключевых слов. К примеру, шрифт, где каждый знак – это кошечка или элемент из библиотеки с иконками.
Характеристики сервиса:
- поиск осуществляется без использования фотографий: по описанию;
- функция поиска по фрагменту названия или имени создателя шрифта;
- библиотека с символьными шрифтами;
- предоставляет несколько вариантов ресурсов из интернета, с которых можно скачать начертание;
- чтобы найти нужный шрифт, надо иметь довольно много символов из него.
Whatfontis.com
Сервис довольно сильно похож на популярный WhatTheFont. На нём пользователи могут определить шрифт как по фотографии, так и выбрать подходящий вариант в довольно большой библиотеке, насчитывающей больше 820 тысяч бесплатных и платных шрифтов.
На каждый запрос сервер выдаёт 60 похожих образцов шрифта. Информацию об этом можно найти в описании ресурса. Помимо этого, есть фильтр, который можно настроить так, чтобы показывались только бесплатные варианты. В их числе есть как пробные версии шрифтов, чтобы человек мог ознакомиться с ними перед приобретением, так и полностью бесплатные, которые сайт берёт из библиотеки Google Fonts. Купить нужный шрифт можно сразу на сервисе.
Интерфейс WhatFontIs понятный и логичный. Первым делом надо скопировать интернет-адрес картинки с текстом или само изображение, нажав на него правой кнопкой мыши. Данная функция особенно полезна, когда фотография хранится в мессенджере или в поисковой выдаче. К тому же можно добавить файл с компьютера, воспользовавшись кнопкой browse by clicking here.
Только до 18.05
Скачай подборку тестов, чтобы определить свои самые конкурентные скиллы
Список документов:
Тест на определение компетенций
Чек-лист «Как избежать обмана при трудоустройстве»
Инструкция по выходу из выгорания
Чтобы получить файл, укажите e-mail:
Подтвердите, что вы не робот,
указав номер телефона:
Уже скачали 7503
Сайт сам подстраивает изображение так, чтобы шрифт хорошо распознавался, а пользователь может выбрать, какой вариант использовать: исходный или изменённый. Если автоматическое инвертирование не до конца хорошо выделило текст, можно дополнительно его отредактировать с помощью предложенных функций: увеличить контраст, яркость, перевернуть картинку, избавиться от шума.
Довольно полезная опция – возможность разделения символов во время изменения фотографии. Это помогает определить рукописный шрифт, при котором буквы соединяются между собой.
Использовать стандартные функции сайта можно без регистрации. Но авторизация даёт довольно много привилегий: пользователь может сохранять шрифты в свои избранные, ему выдаётся больше похожих на искомое начертание вариантов, а также можно включить опцию автоматического определения знаков, при котором не надо самостоятельно вводить каждый символ под изображением.
Помимо этого, у WhatFontIs есть платная подписка, которая даёт ещё больше функций: более точный поиск, возможность подбора бесплатных шрифтов из библиотеки Google Fonts, похожих на платные варианты, отключение рекламных объявлений, откроется фильтр для настройки стоимости и авторов.
Характеристика ресурса:
- функция, позволяющая добавить фотографию с помощью Copy & Paste;
- возможность вычленить в рукописном тексте буквы;
- широкий функционал редактирования изображения для улучшения его качества и конечного результата;
- фильтр для поиска бесплатных шрифтов;
- конвертер в веб-шрифты в открытом доступе;
- форум, где пользователи могут помочь друг другу распознать необычный шрифт или обсудить вопросы типографики.
На сайте WhatFontIs вы сможете довольно быстро определить шрифт, так как сервер имеет очень широкий функционал. Единственный минус ресурса в довольно скудной библиотеке с кириллицей. Тем не менее, когда вы узнаете название шрифта, сможете найти его в магазине на нужном языке.
Инструкция по пользованию сайтом:
- Открыть сервис через адрес https://www.whatfontis.com.
- Нажать на «Browse».
- Выбрать изображение и кликнуть «Загрузить».
- Когда текст находится на тёмной подложке, надо воспользоваться функцией «Background color is darker».
- Нажимаем на «Continue», устанавливаем рамку.
- Далее надо кликнуть «Use image» и закончить настройку.
- Получите результат.
Rentafont.com
Данный сервер немного превосходит другие сайты, в которых можно определить шрифт по тексту. А лучше он потому, что у него намного больше критериев для поиска, в числе которых категория, форма, дизайн и многое другое. На данный момент в базе хранится 2,5 тысячи шрифтов, есть среди них и кириллица, поэтому распознать начертание получается практически всегда. Данный сервис хорошо подходит тем, кто работает в программе Photoshop.
FontDetect
FontDetect является десктопной программой, которая помогает тем, кто не знает, как определить название шрифта. Отличие данного ресурса в том, что он проводит поиск в библиотеке шрифтов, которые есть на компьютере. Особенно полезна данная опция тем, у кого установлено большое количество начертаний, среди которых есть и платные.
Бывают ситуации, когда заказчик хочет сделать новую работу в дизайне предыдущих проектов, но они могли потеряться или остаться только в формате превью либо растрового макета, а запомнить, для какой работы какой шрифт был выбран, сможет далеко не каждый.
Устанавливать FontDetect на компьютер не надо – вам необходимо только скачать файл с сайта и разархивировать его. Работает программа пока что только с Windows. После распаковки останется делать всё, как написано в руководстве, которое можно найти на сайте или в самой программе. На первый взгляд инструкция может показаться очень сложной, но на самом деле всё очень доступно, просто информации много, и она расписана максимально подробно.
У программы понятный интерфейс, а необходимые этапы, которые помогут определить стиль шрифта, написаны над панелью инструментов. Если делать всё так, как указано, вы сможете быстро разобраться в программе и получить желаемый результат.
Но чтобы программа работала максимально эффективно, надо знать некоторые нюансы. К примеру, как показала практика, данное ПО лучше всего угадывает шрифт, который написан на светлом фоне, а тот, что на тёмном или контрастном, оно практически вовсе не может распознать. Для решения этой проблемы, разработчики дали возможность менять фон, используя «Инверсию». Опция находится на панели инструментов.
Помимо этого, программе сложно распознавать рукописный шрифт из-за соединения букв, поэтому разработчики добавили опцию «Разделитель символов», с помощью которой можно самостоятельно установить границы каждой буквы.
Кроме внутренних функций, программа имеет пару надстроек: Linear Text и Circular. В первой можно выправить текст по кривой, а во второй определить знаки, которые разбросаны по окружности.
Характеристика программы:
- совместима только с Windows;
- находит нужный шрифт среди тех, которые установлены на компьютере;
- есть уникальные опции: «Инверсия», «Разделитель символов», «Ластик»;
- определяет кириллицу.
Может кому-то программа покажется очень необычной, однако она способна облегчить жизнь дизайнерам и помочь найти необходимый шрифт среди многих других, имеющихся на компьютере, к тому же не придётся искать и покупать начертания в интернете. Нужный шрифт может быть уже установлен, и его надо просто отыскать, с чем запросто справится FontDetect.
Помощь специалистов в определении шрифта
Если вы не можете распознать шрифт с помощью автоматического поиска, то можно обратиться за помощью к людям на специальных форумах или в группах социальных сетей.
К примеру:
- форум Fontmassive;
- группы «Опознание шрифтов» и «Поиск шрифтов» во ВКонтакте;
- форум Ruldtp.
Читайте также
Отправьте фото с текстом в несколько групп и ждите, когда вам дадут ответ. Зачастую результат можно получить в течение нескольких часов.
Теперь вы знаете, что определить шрифт легко, благодаря сервисам и программам, которые помогут в этом деле. Не все из них имеют большую базу с различными начертаниями, но на крайний случай вы сможете обратиться за помощью к реальным пользователям, написав на форуме или в группе в социальных сетях. Пусть сейчас довольно просто отыскать необходимый шрифт, многие дизайнеры всё-таки стремятся создавать свои уникальные начертания.
Вы можете брать только идею из референсов и примеров, которые предоставляет заказчик, и на их основе разрабатывать свои шрифты. По максимуму используйте своё воображение, даже когда клиент хочет копию какого-либо начертания, предлагайте использовать ваши дизайнерские шрифты.
