Запрос «вот зе фонтс» — это русскоязычное написание сервиса WhatTheFont, который определяет название шрифта по загруженному изображению: достаточно скриншота с текстом, чтобы система сопоставила начертания букв со своей базой и выдала список похожих шрифтов. Сервис принадлежит каталогу MyFonts и работает прямо в браузере, без установки программ.
Ниже разберём, как пользоваться распознаванием шрифтов по картинке, какие требования предъявляются к изображению, почему сервис иногда ошибается и какие существуют альтернативы — от браузерных расширений до ручного сравнения.
Что такое «вот зе фонтс» и как это работает
WhatTheFont — это онлайн-инструмент распознавания шрифтов. Пользователь загружает картинку с текстом, сервис выделяет отдельные символы, анализирует форму букв (засечки, пропорции, контраст штрихов) и сравнивает их с базой коммерческих шрифтов каталога. На выходе вы получаете список наиболее близких совпадений с названиями и ссылками на покупку или скачивание.
Важно понимать ограничение: база сервиса состоит в основном из коммерческих шрифтов, представленных в каталоге MyFonts. Если на картинке использован бесплатный шрифт из другой коллекции или кастомная леттеринговая надпись (нарисованная вручную), точного совпадения может не быть — сервис покажет лишь визуально похожие варианты.
Как распознать шрифт по картинке: пошагово
Порядок действий одинаков и для компьютера, и для смартфона, поскольку всё происходит в браузере. Вам понадобится только изображение с текстом — скриншот, фото вывески, обложки или постера.
- 📸 Сделайте скриншот или фото, где текст хорошо читается и не размыт.
- 🌐 Откройте сервис WhatTheFont в браузере и загрузите изображение через кнопку загрузки или перетаскиванием файла.
- ✂️ При необходимости обрежьте картинку так, чтобы остался только интересующий фрагмент текста.
- 🔍 Дождитесь, пока сервис выделит символы, и проверьте, правильно ли он разбил текст на буквы — иногда нужно вручную указать границы символов.
- 📋 Изучите список результатов: откройте несколько вариантов и сравните характерные буквы (например, «g», «a», «R») с оригиналом.
☑️ Подготовка изображения для распознавания
Чем больше разных символов попадёт в кадр, тем точнее результат. Одна-две буквы дают слишком мало информации для сравнения, а строка из десяти и более символов заметно повышает шансы на правильное определение.
Требования к изображению: почему сервис не видит текст
Частая причина неудачи — не сам сервис, а качество исходника. Алгоритм плохо справляется с курсивом, наложенными друг на друга буквами, декоративными эффектами (тени, обводка, градиент) и сильно искажённым текстом.
Если распознавание не сработало, попробуйте подготовить изображение: увеличьте контраст, переведите в чёрно-белый вид, выровняйте наклон в любом графическом редакторе. Иногда помогает просто другой фрагмент того же текста — с более простыми буквами.
⚠️ Внимание: точное совпадение в результатах не означает, что шрифт можно свободно использовать. Большинство найденных через сервис шрифтов — платные, и для коммерческих проектов потребуется лицензия. Проверяйте условия использования на странице шрифта.
Альтернативные сервисы и расширения
WhatTheFont — не единственный инструмент. Существуют и другие подходы к определению шрифта, и комбинирование нескольких методов даёт лучший результат.
- 🧩 Расширения для браузера — например, WhatFont или аналогичные: наводите курсор на текст на веб-странице и сразу видите название шрифта из CSS. Работает только с живыми сайтами, не с картинками.
- 🖼️ Альтернативные распознаватели по изображению — существуют сервисы с другими базами шрифтов, включая бесплатные коллекции; если WhatTheFont не справился, стоит попробовать их.
- 💬 Сообщества дизайнеров — форумы и чаты, где опытные участники определяют шрифт «на глаз»; особенно полезно для леттеринга и редких гарнитур.
- 🔎 Инспектор кода — если текст находится на веб-странице, нажмите правой кнопкой мыши и выберите «Просмотреть код»: в стилях будет указано свойство
font-family.
Как узнать шрифт на сайте без расширений
Кликните правой кнопкой по тексту и выберите «Просмотреть код» (Inspect). В панели стилей найдите свойство font-family — там перечислены шрифты, применённые к элементу. Первый в списке — основной, остальные — запасные на случай его отсутствия.
Сравнение способов определения шрифта
| Способ | Что нужно | Когда подходит | Ограничение |
|---|---|---|---|
| WhatTheFont | Картинка с текстом | Скриншоты, фото, постеры | База в основном коммерческих шрифтов |
| Расширение браузера | Открытая веб-страница | Текст на сайтах | Не работает с изображениями |
| Инспектор кода | Браузер, базовые навыки | Любой текст на странице | Нужно найти свойство font-family |
| Сообщества дизайнеров | Картинка и время на ожидание | Леттеринг, редкие шрифты | Ответ не гарантирован и не мгновенен |
Шрифт найден — что дальше
После определения названия встанет вопрос о получении шрифта. Здесь возможны три ситуации: шрифт платный и продаётся в каталоге, шрифт бесплатный и доступен в открытых коллекциях, либо это кастомная разработка бренда, которую получить легально невозможно.
Если точный шрифт недоступен или слишком дорог, ищите аналоги. На странице шрифта в каталогах часто предлагаются похожие варианты, а в бесплатных коллекциях почти всегда найдётся гарнитура с близкими пропорциями. Сравнивайте по характерным буквам: форма «g», «a», «e» и цифр выдаёт шрифт быстрее всего.
⚠️ Внимание: скачивайте шрифты только с официальных каталогов и сайтов авторов. Файлы со сторонних «сборников» нередко содержат вредоносный код или нарушают лицензию, что для коммерческого проекта обернётся претензиями правообладателя.
Почему определённый шрифт выглядит иначе после установки
Бывает, что шрифт найден верно, установлен в систему, а текст выглядит не так, как на исходной картинке. Причины обычно такие: на оригинале применены межбуквенный интервал (трекинг), другой кегль, насыщенность (начертание внутри семейства) или эффекты оформления. Один шрифт может включать множество начертаний — от тонкого до сверхжирного, — и подобрать нужно именно то, что на образце.
Также учитывайте разницу рендеринга: один и тот же шрифт в браузере, в графическом редакторе и на печати отображается с немного разными контурами из-за особенностей сглаживания. Это нормально и не означает, что вы нашли «не тот» шрифт.
Частые вопросы
Можно ли распознать шрифт с фото вывески или упаковки?
Да, если текст снят крупно, без сильных перспективных искажений и бликов. Перед загрузкой полезно выровнять изображение и повысить контраст в редакторе — это заметно повышает точность распознавания.
Почему сервис показывает несколько похожих шрифтов, а не один точный?
Многие гарнитуры сознательно похожи друг на друга, а алгоритм сравнивает форму букв, а не «знает» исходный файл. Выбирайте вариант, сравнивая характерные символы — «g», «a», «R», амперсанд — с вашим образцом.
Работает ли распознавание с рукописным текстом?
Как правило, нет. Рукописный текст и леттеринг — уникальны, их нет в базах шрифтов. Сервис покажет лишь похожие каллиграфические шрифты, но точного совпадения не будет.
Найденный шрифт платный. Есть ли бесплатные аналоги?
Часто да. Ищите по названию шрифта с пометкой «free alternative» — для популярных коммерческих гарнитур почти всегда существуют близкие бесплатные варианты в открытых коллекциях. Сравнивайте их с оригиналом по ключевым буквам.
Как определить шрифт в PDF-документе?
Откройте свойства документа в PDF-просмотрщике — там обычно есть раздел со списком встроенных шрифтов. Это надёжнее, чем распознавание по скриншоту, поскольку названия берутся прямо из файла.