Содержание
Иногда понравившийся дизайн мы видим в интернете, журнале, на логотипе и рекламной вывеске на улице, но определить шрифт самостоятельно не так просто. Хорошо, если вы узнали характерные особенности букв: в таком случае его легко найти. Но что делать, если вы встретились с ним впервые?
С текстом на сайте все проще: достаточно кликнуть правой кнопкой мыши и нажать «Посмотреть код». Выделив искомый фрагмент с загадочным шрифтом, можно отыскать строчку font-family и узнать его название. Если есть только картинка, на помощь приходят специальные сервисы.
Для отправки запроса достаточно иметь картинку.
Некоторые программы для распознавания шрифта могут воспринимать и менее качественные изображения.
Алгоритм работы следующий:
- Вы загружаете картинку в поисковое окно. Иногда можно вставить ссылку на изображение из интернета.
- После этого сервис даст возможность выделить интересующую область текста.
- На следующем этапе будут предложены варианты найденного текста. Стоит упомянуть, что большинство сервисов воспринимают текст на английском, поэтому лучше использовать слова с максимальным количеством латинских букв.
- Из представленных версий вы можете выбрать идентичную или похожие на нее варианты.
- Многие сайты предлагают сразу скачать шрифт, платно или бесплатно. Внимательно читайте условия лицензии, прежде чем его использовать. Даже у бесплатных шрифтов могут быть ограничения.
Перед тем как загрузить изображение, ознакомьтесь с краткой информацией о каждом сервисе и узнайте лайфхаки о работе в них.
WhatTheFont
Все еще самый популярный сервис, в библиотеке которого более 230 000 шрифтов. Он в основном распознает английские шрифты онлайн с картинки. Работает как в браузере, так и в качестве приложения на Android и iOS.
Особенности сервиса
- Может распознать мелкие символы и простые начертания, но не всегда находит нужный шрифт.
- С 2023 года WhatTheFont не доступен в России.
- Есть бесплатная версия.
- Есть русскоязычный интерфейс.
- Распознает кириллицу и латиницу.
Найти шрифт, похожий на картинку, в нем можно так:
Освоите творческую профессию для работы в IT-компаниях и на фрилансе. Оформите портфолио и добавите в него 13 работ. Сможете брать первые заказы после 6 месяцев обучения и зарабатывать от 70 000 ₽ после окончания курса.
WhatFontIs
Данный сервис обладает расширенной библиотекой в 990 000 шрифтов, но определяет только английский. Вы сразу можете увидеть альтернативы, поставив в запросе поиск бесплатных шрифтов по изображению. Сервис автоматически разделяет буквы, выделяя их и убирая шум с картинки. Затем он предлагает опознать каждую из букв и выдает результат.
Особенности сервиса
- Требует высокое качество изображения.
- Распознает лишь латиницу.
- Есть бесплатная версия. Расширенный функционал доступен по подписке.
Процесс распознавания выглядит следующим образом:
Font Squirrel
С помощью сервиса можно найти нужный шрифт по картинке и конвертировать его в подходящий формат. Большинство начертаний есть в библиотеке сайта. Он доступен онлайн, для поиска необходимо изображение в TTF-формате — при необходимости перед загрузкой измените формат вручную.
Особенности сервиса
- Нельзя загрузить изображение в форматах JPG и PNG.
- Англоязычный интерфейс.
- Есть бесплатная версия.
Font Matcherator
Если предыдущие сервисы по распознаванию шрифтов по картинке у многих на слуху, то Font Matcherator от Fontspring относительно новый. Его база насчитывает более 900 000 шрифтов. Внутри есть встроенный редактор, позволяющий вращать и обрезать изображение. Также можно сразу увидеть список лицензий и стоимость: почти всегда сервис выдает и бесплатные аналоги.
Особенности сервиса
- Есть собственное сообщество пользователей, где можно обсудить шрифт или попросить помочь с идентификацией.
- Распознает только кириллицу и латиницу.
- Англоязычный интерфейс
- Есть бесплатная версия.
Работа в нем состоит из трех простых этапов.
FontDetect
Приложение FontDetect от FontMassive Pack умеет распознавать кириллицу. В нем можно подобрать шрифт по картинке, даже если он расположен на кривой или окружности. Чтобы начать определение шрифта по изображению, достаточно скачать архив с сайта, распаковать его и установить программу на Windows. Не требуется наличие аккаунта.
Программа плохо распознает неконтрастные изображения, но хорошо работает даже с рукописным шрифтом. Разделять символы в нем можно самостоятельно: рекомендуем делать это для лучшего распознавания.
Особенности сервиса
- Распознает шрифт на кривой, но чувствителен к качеству изображения.
- Англоязычный интерфейс.
- Есть бесплатная версия.
- Работает только на Windows.
- Простой интерфейс.
У FontMassive Pack есть полезный форум Fonts Discuss, где люди онлайн участвуют в распознавании шрифта. Он доступен и в качестве приложение для Android.
Вебинар «Как начать карьеру в дизайне и собрать хорошее портфолио?»
Наставница годовой программы Юля Белицына — о структурировании и презентации кейсов, а также тонкостях создания портфолио.
Identifont
Не совсем распознаватель шрифтов. Сервис полезен тем, что помогает распознать шрифт с помощью наводящих вопросов. В тесте предлагаются различные символы, после чего задаются вопросы о том, какие особенности имеют начертания букв. В Identifont можно найти похожий шрифт онлайн по названию исходника. Это одна из немногих программ, где можно искать символьные раскладки по словесным запросам.
Особенности сервиса
- Не определяет шрифты напрямую и иногда выдает совсем не подходящий результат.
- Англоязычный интерфейс.
- Есть бесплатная версия.
- в первой левой колонке можно начать тест
- во второй — поиск по названию шрифта, достаточно ввести ключевое слово
- в третьей — подобрать похожие шрифты
- в четвертой — вбить слово и получить подборку символьных шрифтов
- в пятой — написать имя дизайнера или создателя шрифта для поиска похожего
Fonts Ninja
Простое расширение для браузера, совместимое с Google Chrome. У Fonts Ninja настроен поиск шрифтов только по сайту — удобно для тех, кто не хочет разбираться в коде. Это шрифтовое расширение работает только с текстом, который можно выделить.
При включении расширения достаточно навести курсор на текст на сайте, после чего всплывет окно с размером и названием. Оно помогает распознавать текст независимо от языка.
Особенности сервиса
- Не определяет шрифт по изображению.
- Англоязычный интерфейс.
- Есть бесплатная версия.
Вот так выглядит расширение Fonts Ninja:
Пользуюсь Fonts Ninja: плагин позволяет посмотреть не только шрифт, но и кегли, которые используются на сайте. Это очень удобно. Плюс есть ссылки на словолитни для покупки найденных шрифтов
Андрей Картер, графический дизайнер и арт-директор школы Bang Bang Education
Курс «Основы айдентики: построение визуальной системы»
Узнаете, на какие группы делятся каналы коммуникации с клиентом и как технологии влияют на фирменный стиль компании. В качестве бонуса преподаватель даст семь советов начинающим дизайнерам.
Особенности определения кириллического шрифта
Мы уже упоминали о том, что многие онлайн-сервисы работают только с латиницей. Тогда можно распознать русский шрифт следующим методом:
- загружаем туда «универсальные» буквы;
- сервис показывает, какой латинский шрифт вы использовали;
- после этого находите по картинке нужный русский шрифт, аналогичный латинскому.
Определить шрифт по изображению подобным образом можно на любом из сервисов, в том числе на WhatTheFont. Он частично распознает и шрифты на кириллице.
Кстати, в нашем примере был использован шрифт Suisse.
Как максимально эффективно использовать сервисы для распознавания
Если вы все еще не теряете надежды найти похожие шрифты, а картинка плохого качества или ни один из сервисов ее не распознает, для вас советы ниже.
Мобильное приложение для распознавания шрифта
Можно скачать приложение WhatTheFont на iOS или Android, где функционал такой же, как на сайте.
Соблюдение требований к качеству изображений
Есть ряд правил, которые помогут осуществить поиск по картинке шрифта. В большинстве сервисов к изображению предъявляются следующие требования:
- Размер должен быть меньше 275x360, а разрешение — более 600 точек на дюйм.
- Определенный формат изображения, чаще всего — JPEG или PNG. Возможные варианты указаны на сайтах. При необходимости воспользуйтесь онлайн-конвертером.
- У букв должен быть четкий контур, даже если они рукописные. Хорошо, если они будут контрастировать с фоном — не все сервисы могут различить близкие оттенки. Прозрачный фон большинство программ не поддерживает.
- Оптимальным будет фрагмент на 4 знака.
Не всегда поиск шрифта заканчивается успешно. В такой ситуации попробуйте самостоятельно найти его в библиотеке шрифтов — Google, Adobe и не только. Также можно использовать символы, схожие и в английском, и в русском алфавите, если речь идет о кириллице. Найти изображение в лучшем качестве с четким контуром — тоже выход из положения.
Если и это не помогло, можно обратиться в сообщества, где дизайнеры и типографы помогут с подбором.
Сообщества, где помогут узнать шрифт по картинке
Существует множество сообществ, где помогут определить шрифт с картинки онлайн. Многие из них — англоязычные:
- комьюнити на сайте Whatthefont
- обсуждение TypeID на flickr.com
- Quora и Reddit — форумы, где люди распознают название по изображению
- обсуждение на ресурсе Fontmassive, где помогут определить подходящий шрифт по фото, логотипу и рукописному тексту
- чат телеграм-канала о графдизайне «BBE: графический дизайн»
