Какой это шрифт: 7 способов определить название по картинке | Yudaev.School

Какой это шрифт: 7 способов определить название по картинке

2341 просмотр

Поделиться в социальных сетях

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

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

найти шрифт по фото

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

WhatTheFont

🔗 Официальный сайт: https://www.myfonts.com/WhatTheFont

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

🚫 Однако с кириллицей у сервиса возникают сложности — он лучше справляется с латиницей. Также доступ к сайту может быть ограничен для пользователей из России.

WhatTheFont определить шрифт онлайн с картинки
Сайт инструмента WhatTheFont

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

  • Распознаёт популярные латинские шрифты;
  • Прост в использовании — достаточно загрузить картинку;
  • Большая база MyFonts.

⚠️ Недостатки:

  • Плохо работает с кириллическим текстом;
  • Сложности с распознаванием редких или нестандартных шрифтов;
  • Может быть недоступен в РФ без VPN.

💰 Стоимость:

  • Бесплатный доступ к распознаванию;
  • При покупке шрифта — цена зависит от лицензии и гарнитуры.

WhatFontIs

🔗 Официальный сайт: https://www.whatfontis.com

WhatFontIs — более функциональный аналог WhatTheFont с гибкими настройками. Поддерживает редактирование загружаемого изображения: можно регулировать яркость, контраст, устранять шум. Это особенно полезно, если скриншот или фото текста получились некачественными.

WhatFontIs найти шрифт по фото
Главная страница сайта инструмента WhatFontIs

В отличие от конкурентов, WhatFontIs предлагает фильтр по бесплатным шрифтам — можно ограничить результаты только теми, что доступны без оплаты. База гарнитур здесь тоже обширнее, чем у WhatTheFont.

🚫 Главное ограничение — сервис не поддерживает кириллицу.

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

  • Расширенные настройки изображения перед распознаванием;
  • Фильтр по бесплатным шрифтам;
  • Обширная база с тысячами гарнитур.

⚠️ Недостатки:

  • Не работает с кириллическим текстом;
  • Интерфейс только на английском.

💰 Стоимость:

  • Бесплатный доступ с рекламой;
  • Pro-аккаунт — от $39,99 в год (убирает рекламу и даёт доступ к расширенным функциям).

Font Matchenator

🔗 Официальный сайт: https://www.fontspring.com/matcherator

Font Matchenator — инструмент от FontSpring, конкурирующей платформы MyFonts. По функциональности он схож с WhatTheFont: загружаешь изображение с текстом — получаешь список совпадающих шрифтов. Отличие в том, что сервис сразу показывает условия лицензии каждого найденного варианта — это удобно, если нужно выбрать шрифт для коммерческого проекта.

Font Matchenator - определить шрифт по фото
Сайт FontSpring для распознавания шрифта

☝️Кроме того, Font Matchenator предлагает бесплатные альтернативы, если оригинал — платный. И в отличие от многих аналогов, он справляется как с латиницей, так и с кириллицей.

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

  • Автоматически показывает лицензии и альтернативы;
  • Поддерживает кириллицу;
  • Простой и понятный интерфейс.

⚠️ Недостатки:

  • Меньшая база по сравнению с крупными сервисами;
  • Иногда находит слишком много схожих вариантов — придётся фильтровать вручную.

💰 Стоимость:

  • Бесплатный доступ ко всем функциям;
  • Покупка шрифта — по расценкам FontSpring.

LikeFont

🔗 Официальный сайт: https://www.likefont.com

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

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

LikeFont - определить шрифт
Главная страница китайского сервиса для распознавания шрифтов LikeFont

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

  • Точная идентификация кириллицы;
  • Поддержка нестандартных алфавитов (иероглифы, арабский, корейский и др.);
  • Хорошее качество распознавания даже при низком качестве изображения.

⚠️ Недостатки:

  • Частично китайский интерфейс (но основные функции понятны);
  • Отсутствие фильтров по лицензии и стоимости.

💰 Стоимость:

  • Полностью бесплатный, без ограничений.

Identifont

🔗 Официальный сайт: http://www.identifont.com/

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

Здесь вы можете указать:

  • часть названия шрифта;
  • автора гарнитуры;
  • визуальные особенности (например, форму буквы «а» или хвост у «g»);
  • схожесть с другим известным шрифтом.
найти шрифт в Identifont
Сайт сервиса Identifont

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

☝️ База здесь скромнее, чем у конкурентов, но её хватает для распознавания популярных гарнитур.

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

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

⚠️ Недостатки:

  • Ограниченная база шрифтов;
  • Не распознаёт текст по картинке — работает только по описанию.

💰 Стоимость:

  • Бесплатный доступ ко всем функциям.

FontsNinja

🔗 Официальный сайт: https://www.fonts.ninja

FontsNinja — браузерное расширение, которое позволяет в один клик узнать, какие шрифты используются на любом веб-сайте. Это особенно удобно для дизайнеров, которым нужно быстро определить гарнитуру без копания в коде страницы.

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

распознать шрифт в FontsNinja
Сайт инструмента FontsNinja

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

  • Быстрое определение шрифта на сайте;
  • Не требует изучения HTML или CSS;
  • Показывает параметры начертания и ссылки на покупку.

⚠️ Недостатки:

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

💰 Стоимость:

  • Бесплатное расширение для Chrome, Firefox и Safari;
  • Платный план — от $49 в год (дополнительные функции и доступ к библиотеке).

Чат «Что за шрифт?»

🔗 Telegram:  https://t.me/whatthefontt 

На сегодняшний день ни один алгоритм не сравнится с человеческим глазом, когда речь идёт о точном определении шрифта. Телеграм-чат «Что за шрифт?» — это сообщество дизайнеров и энтузиастов типографики, которые помогут вам определить гарнитуру вручную.

канал «Что за шрифт?» в телеграмм
Канал «Что за шрифт?» в Telegram

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

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

  • «Живые» эксперты вместо алгоритма;
  • Помощь в сложных и нестандартных случаях;
  • Часто предлагают аналоги и ссылки на скачивание.

⚠️ Недостатки:

  • Ответ не моментальный — зависит от активности участников;
  • Нет гарантии, что шрифт будет точно определён.

💰 Стоимость:

  • Бесплатно — достаточно присоединиться к чату.

📊 Сравнительная таблица сервисов для определения шрифтов

СервисКак работаетКириллицаБесплатноОсобенности
WhatTheFontРаспознаёт по картинкеДаБольшая база MyFonts, но ориентирован на латиницу
WhatFontIsПо изображению + редактированиеДа (с рекламой)Фильтр по бесплатным шрифтам
Font MatchenatorПо картинке, показывает лицензииДаНаходит аналоги и бесплатные заменители
LikeFontПо картинкеДаОтлично работает с кириллицей и нелатиницей
IdentifontПо описанию/признакамДаПомогает, если нет изображения
FontsNinjaКак расширение браузераЧастичноДаОпределяет шрифты прямо на сайте
Чат «Что за шрифт?»Распознавание вручнуюДаЭкспертная помощь от дизайнеров

📝 Краткие выводы

  • Для русскоязычных шрифтов лучшими инструментами станут LikeFont и Font Matchenator.
  • Если нужно определить шрифт на сайте, а не на картинке — удобнее всего FontsNinja.
  • Когда алгоритмы ошибаются, выручает Телеграм-чат «Что за шрифт?».
  • Что касается WhatTheFont и WhatFontIs — они полезны, но больше для латиницы и западных шрифтов.

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

Если вы хотите уверенно ориентироваться в типографике и собирать визуальные решения, которые выглядят профессионально, — приходите на курс «Дизайнер с нуля до PRO» от Yudaev School.

👉 Вы научитесь подбирать шрифты осознанно, собирать гармоничные макеты и работать с айдентикой как PRO.

Подробнее о курсе — первый шаг к профессии дизайнера.

Автор:

Алексей Кузьмичев

Арт-директор, графический и веб-дизайнер, наставник

Поделиться в социальных сетях

Вернуться в начало страницы

Популярные статьи

Все

3D-дизайн

UX/UI

Веб-дизайн

Графический дизайн

Моушн-дизайн

Веб-дизайн

Графический дизайн

9 программ для рисования на компьютере

Веб-дизайн

Графический дизайн

Приложения для обработки фото на телефоне

UX/UI

Веб-дизайн

Графический дизайн

7 популярных фотостоков для заработка: где выгоднее продавать фотографии

UX/UI

Веб-дизайн

Графический дизайн

Как сделать свои стикеры в Telegram: 5 способов для iPhone, Android и ПК

UX/UI

Веб-дизайн

Графический дизайн

Где найти бесплатные библиотеки 3D-моделей для Blender

UX/UI

Веб-дизайн

Графический дизайн

11 бесплатных нейросетей на русском языке

3D-дизайн

Принципы 3D-моделирования в Blender

3D-дизайн

UX/UI

Веб-дизайн

Графический дизайн

Моушн-дизайн

Cinema 4D: как освоить мощный инструмент для 3D-графики и анимации

3D-дизайн

UX/UI

Веб-дизайн

Графический дизайн

Моушн-дизайн

Кто такой контент-мейкер и чем он занимается

Моушн-дизайн

DaVinci Resolve: обзор программы, цена и возможные аналоги

3D-дизайн

3D моделирование: основные типы, базовые принципы и популярные инструменты

Моушн-дизайн

Что такое моушн-дизайн, где он используется и как стать motion-дизайнером

Веб-дизайн

Веб-дизайн

Графический дизайн

9 программ для рисования на компьютере

Веб-дизайн

Графический дизайн

Приложения для обработки фото на телефоне

UX/UI

Веб-дизайн

Графический дизайн

7 популярных фотостоков для заработка: где выгоднее продавать фотографии

UX/UI

Веб-дизайн

Графический дизайн

Как сделать свои стикеры в Telegram: 5 способов для iPhone, Android и ПК

UX/UI

Веб-дизайн

Графический дизайн

Где найти бесплатные библиотеки 3D-моделей для Blender

UX/UI

Веб-дизайн

Графический дизайн

11 бесплатных нейросетей на русском языке

UX/UI

Веб-дизайн

Графический дизайн

8 бесплатных нейросетей для создания презентаций

Веб-дизайн

Графический дизайн

6 бесплатных нейросетей для дорисовки изображений

Веб-дизайн

Графический дизайн

Какой это шрифт: 7 способов определить название по картинке

3D-дизайн

UX/UI

Веб-дизайн

Графический дизайн

Моушн-дизайн

Cinema 4D: как освоить мощный инструмент для 3D-графики и анимации

UX/UI

Веб-дизайн

Графический дизайн

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

3D-дизайн

UX/UI

Веб-дизайн

Графический дизайн

Моушн-дизайн

Кто такой контент-мейкер и чем он занимается

Веб-дизайн

Где учиться и сколько времени нужно, чтобы стать веб-дизайнером: варианты поступления

Веб-дизайн

Кто такой сторисмейкер и как им стать?

Веб-дизайн

Кто такой веб-дизайнер и какие навыки ему необходимы