Содержание

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

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

Для отправки запроса достаточно иметь картинку.

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

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

Алгоритм работы следующий:

  1. Вы загружаете картинку в поисковое окно. Иногда можно вставить ссылку на изображение из интернета.
  2. После этого сервис даст возможность выделить интересующую область текста.
  3. На следующем этапе будут предложены варианты найденного текста. Стоит упомянуть, что большинство сервисов воспринимают текст на английском, поэтому лучше использовать слова с максимальным количеством латинских букв.
  4. Из представленных версий вы можете выбрать идентичную или похожие на нее варианты.
  5. Многие сайты предлагают сразу скачать шрифт, платно или бесплатно. Внимательно читайте условия лицензии, прежде чем его использовать. Даже у бесплатных шрифтов могут быть ограничения.

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

Сервис

Требования к изображению

Количество шрифтов в базе

Бесплатная версия

Стоимость

платной версии

Недостатки

Преимущества

WhatTheFont

Распознает маленькие символы и простые начертания

230 000

Да

Находит не всегда

Есть кириллические варианты

WhatFontIS

Требует высокое качество изображения

990 000

Да

Подписка 40$ в год

Большая библиотека

Font Squirrel

Требует высокое качество изображения

Совмещает базы WhatTheFont,

Fontspring, Font Squirrel, Fontzillion

Да

На практике возникают сложности с подбором шрифта

Сочетает несколько библиотек

Font Matcerator

Требует высокое качество изображения

900 000

Да

Имеет ограниченное количество наименований в библиотеке

FontMassive Pack

Форумы, где люди распознают название по изображению

Quora

Reddit

Identifont

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

Fonts Ninja

Расширение для Chrome, определяющее начертания на сайтах. Достаточно ввести адрес страницы

WhatTheFont

Все еще самый популярный сервис, в библиотеке которого более 230 000 шрифтов. Он в основном распознает английские шрифты онлайн с картинки. Работает как в браузере, так и в качестве приложения на Android и iOS.

Особенности сервиса

  1. Может распознать мелкие символы и простые начертания, но не всегда находит нужный шрифт.
  2. С 2023 года WhatTheFont не доступен в России.
  3. Есть бесплатная версия.
  4. Есть русскоязычный интерфейс.
  5. Распознает кириллицу и латиницу.

Найти шрифт, похожий на картинку, в нем можно так:

Пример загрузки изображения на WhatTheFont
Загружаем изображение
Пример выделения текста на WhatTheFont
Выделяем текст
Пример готового результата на WhatTheFont
Получаем готовый результат

Освоите творческую профессию для работы в IT-компаниях и на фрилансе. Оформите портфолио и добавите в него 13 работ. Сможете брать первые заказы после 6 месяцев обучения и зарабатывать от 70 000 ₽ после окончания курса.

Стать графическим дизайнером ✨

WhatFontIs

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

Особенности сервиса

  1. Требует высокое качество изображения.
  2. Распознает лишь латиницу.
  3. Есть бесплатная версия. Расширенный функционал доступен по подписке.

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

Пример загрузки изобажения на WhatFontIs
Загружаем изображение
Пример выделения текста на WhatFontIs
Вручную выделяем нужную область
Пример оптимизации изображения на WhatFontIs
Оптимизируем изображение
Пример разделения текста на буквы на WhatFontIs
Разделяем текст на буквы
Пример готового результата на WhatFontIs
Получаем готовый результат

Font Squirrel

С помощью сервиса можно найти нужный шрифт по картинке и конвертировать его в подходящий формат. Большинство начертаний есть в библиотеке сайта. Он доступен онлайн, для поиска необходимо изображение в TTF-формате — при необходимости перед загрузкой измените формат вручную.

Особенности сервиса

  1. Нельзя загрузить изображение в форматах JPG и PNG.
  2. Англоязычный интерфейс.
  3. Есть бесплатная версия.
Распознание шрифта в Font Squirrel
Главная страница сайта

Курс «Графический дизайнер. Введение в профессию»

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

Пройти курс бесплатно 💫

Font Matcherator

Если предыдущие сервисы по распознаванию шрифтов по картинке у многих на слуху, то Font Matcherator от Fontspring относительно новый. Его база насчитывает более 900 000 шрифтов. Внутри есть встроенный редактор, позволяющий вращать и обрезать изображение. Также можно сразу увидеть список лицензий и стоимость: почти всегда сервис выдает и бесплатные аналоги.

Особенности сервиса

  1. Есть собственное сообщество пользователей, где можно обсудить шрифт или попросить помочь с идентификацией.
  2. Распознает только кириллицу и латиницу.
  3. Англоязычный интерфейс
  4. Есть бесплатная версия.

Работа в нем состоит из трех простых этапов.

Пример загрузки изображения на Font Matcherator
Загружаем изображение
Пример обработки и выделения текста на Font Matcherator
Обрабатываем и выделяем текст
Пример готового результата на Font Matcherator
Получаем готовый результат

FontDetect

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

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

Особенности сервиса

  1. Распознает шрифт на кривой, но чувствителен к качеству изображения.
  2. Англоязычный интерфейс.
  3. Есть бесплатная версия.
  4. Работает только на Windows.
  5. Простой интерфейс.
Загрузка шрифта на главной странице FontDetect
Окно загрузки шрифта на главной странице
Распознавание текста в FontDetect
Распознавание текста

У FontMassive Pack есть полезный форум Fonts Discuss, где люди онлайн участвуют в распознавании шрифта. Он доступен и в качестве приложение для Android.


Вебинар «Как начать карьеру в дизайне и собрать хорошее портфолио?»

Наставница годовой программы Юля Белицына — о структурировании и презентации кейсов, а также тонкостях создания портфолио.

Смотреть бесплатно 💸

Identifont

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

Особенности сервиса

  1. Не определяет шрифты напрямую и иногда выдает совсем не подходящий результат.
  2. Англоязычный интерфейс.
  3. Есть бесплатная версия.
Стартовая страница Identifont
Главная страница сайта
  • в первой левой колонке можно начать тест
  • во второй — поиск по названию шрифта, достаточно ввести ключевое слово
  • в третьей — подобрать похожие шрифты
  • в четвертой — вбить слово и получить подборку символьных шрифтов
  • в пятой — написать имя дизайнера или создателя шрифта для поиска похожего

Fonts Ninja

Простое расширение для браузера, совместимое с Google Chrome. У Fonts Ninja настроен поиск шрифтов только по сайту — удобно для тех, кто не хочет разбираться в коде. Это шрифтовое расширение работает только с текстом, который можно выделить.

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

Особенности сервиса

  1. Не определяет шрифт по изображению.
  2. Англоязычный интерфейс.
  3. Есть бесплатная версия.

Вот так выглядит расширение 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: графический дизайн»

Карьера графического дизайнера

Профессия дает полную свободу выбора — офис или работа из любой точки мира. Через 6 месяцев получите достаточно знаний, чтобы брать первые рабочие проекты. После учебы сможете претендовать на позицию Junior-дизайнера, а в перспективе — зарабатывать от 150 000 ₽.

Стать графическим дизайнером ⚡️
Поделиться