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

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

WhatTheFont

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

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

Остальные сервисы воспринимают только картинки большого размера с крупным шрифтом.

Итак, попробуем воспользоваться сервисом.

Мы будем расшифровывать довольно крупный шрифт, просто чтобы остальные сервисы тоже могли сработать на этой картинке. Картинка 960×640 пикселей.

У сервиса есть второе преимущество — в нем можно отыскать некоторые кириллические шрифты.

WhatFontIs

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

Fonts Squirrel

В этом сервисе поиск идет по 4-м сайтам, но шрифтов все равно меньше, чем в предыдущем сервисе (WhatFontIs). Наш шрифт остался не распознанным.

Кроме того, разделить буквы мышкой тут нельзя, и на нашей картинке отдельным символом распознается  только буква V, остальные буквы слиты по две:

Невозможно разделить буквы

FontSpring

FontSpring — всего лишь урезанная версия Fonts Squirrel — распознаватель у них общий, но Fonts Squirrel ищет помимо шрифтов с FontSpring, шрифты с еще 3-х сайтов. Так что никакого смысла пользоваться FontSpring нет, однозначно не рекомендую.

Fonts Ninja

Fonts Ninja — это расширение для браузера Google Chrome. Оно предназначено для идентификации шрифта текста с сайта — именно текста, а не картинки.

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

Расширение пригодно для определения шрифта текста на любом языке.

IdentiFont

На этом сервисе можно попытаться распознать английский шрифт, ответив на ряд вопросов:

Где распознать русский шрифт с картинки

Большинство онлайн-сервисов распознавания с картинки определяет только английский шрифт. Распознать русский шрифт можно несколькими способами.

Воспользоваться англоязычным сервисом, загрузив туда универсальные буквы

Нужно выбрать буквы, которые одинаковы в русском и английском (например a, o, p, c, m, y, p, в, м, н, х) — распознать их как английский шрифт в том же сервисе WhatFontIs.
А затем по названию английского шрифта найти аналогичный русский шрифт.

Попробовать поискать на WhatTheFont

Там хоть и мало шрифтов, но все же есть немного кириллицы.

Спросить людей на сайте

Можно задать вопрос на сайте fontmassive.com/discuss — тут довольно живая дискуссия, обновления почти каждый час. Просто прикрепляете картинку и ждете ответа.

Сайты-коллекции русских шрифтов

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

Несколько таких сайтов есть в таблице выше в третьей снизу строке.

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

Однако выход есть – и не один! Во-первых, можно воспользоваться онлайн-сервисами, расширениями для Chrome или мобильными приложениями. Загружаете изображение, и эти инструменты делают всю работу за вас, выдавая результаты с похожими шрифтами.

А во-вторых, можно обратиться за помощью к сообществам и дизайнерам.

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

Лучшие онлайн-сервисы и расширения

1. Расширение для Chrome Fonts Ninja

Для определения шрифтов на сайте отлично подойдет расширение Fonts Ninja. Часто шрифты указаны в коде HTML и CSS, и, если вы немного знакомы с этими языками, то сможете найти название шрифта, выполнив несколько простых шагов.

Просто нажмите правой кнопкой мыши на интересующую надпись на веб-странице и выберите «Просмотреть код» или «Исследовать элемент». В открывшемся окне кода сайта вы найдете соответствующую строку, где будет указано название шрифта.

Однако, чтобы сделать этот процесс еще более удобным и быстрым, рекомендуем использовать расширение для браузера Chrome под названием Fonts Ninja.

После установки и активации расширения в браузере зайдите на веб-сайт, на котором представлен интересующий вас шрифт. Нажмите на иконку расширения Fonts Ninja в панели инструментов браузера и щелкните на надписи, содержащие выбранный вами шрифт. В результате вы получите не только название шрифта, но также его цвет и размер, что может быть очень полезно для веб-дизайнеров и разработчиков.

Расширение Fonts Ninja предоставляет удобный способ быстро и точно определить шрифты на веб-странице без необходимости изучения кода вручную. Оно позволяет вам сосредоточиться на дизайне и анализе шрифтов сразу без отвлечения на технические детали.

Таким образом, использование расширения Fonts Ninja для браузера Chrome облегчает и ускоряет процесс определения шрифтов на веб-сайтах, делая его удобным и доступным даже для тех, кто не разбирается в HTML.

2. Сайт WhatTheFont

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

Однако отметим, что сервис WhatTheFont предлагает только платные шрифты и не учитывает бесплатные аналоги. А если вы ищете бесплатные альтернативы, рекомендуется просмотреть другие источники, такие как библиотеки бесплатных шрифтов или обратиться к сообществам, где люди делятся своими знаниями о шрифтах.

3. Программа для Windows FontDetect

Чтобы определить шрифт с помощью этой программы, следуйте этим простым шагам:

Таким образом, благодаря использованию программы FontDetect вы сможете легко определить шрифт на картинке.

4. Онлайн-сервис Identifont

Еще один способ, позволяющий быстро найти понравившиеся шрифты. Алгоритм действий следующий:

Эти сервисы являются независимыми каталогами и постоянно пополняются новыми шрифтами.

Мобильные приложения, позволяющие определить шрифт на фото

5. Приложения для смартфонов WhatTheFont и Find My Font

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

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

Давайте рассмотрим пример использования:

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

Как определить шрифт по картинке, используя профильные сообщества в социальных сетях

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

Вот список шрифтовых сообществ, где вы можете задать вопрос:

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

Вместо вывода

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

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

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

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

Определяем шрифт на фото с помощью WhatTheFont

Один из самых простых способов распознать шрифт – зайти в онлайн-сервис, загрузить туда картинку и получить результат. Чаще всего подобные инструменты позволяют идентифицировать практически любой шрифт. Однако все зависит от используемого сервиса, например, WhatTheFont позволяет найти лишь тот шрифт, который есть в его фирменном магазине.

Сейчас все покажу на примере:

Я использовал популярный шрифт Lobster и решил проверить, найдет ли сервис его. К сожалению, в результатах отобразилось не то, что ожидалось. Как я уже говорил, WhatTheFont позволяет найти лишь тот шрифт, который есть в базе. Так что вердикт такой: это отличный сервис, если вы ищете шрифт из базы данного сервиса. Во всех других случаях – лучше использовать альтернативные способы.

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

Комьюнити теперь в Телеграм

Подпишитесь и будьте в курсе последних IT-новостей

Мобильное приложение WhatTheFont

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

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

Рассмотрим на примере:

Другие сервисы для определения шрифта по изображению онлайн

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

WhatFontis использует тот же принцип, что и WhatTheFont. Однако есть одна особенность: при загрузке можно уточнить, темнее ли фон изображения, чем буквы. Также можно задать фильтры для поиска, например, искать похожие варианты только среди бесплатных шрифтов.

Требования к картинке во многом совпадают с WhatTheFont, главное отличие в максимальном количестве букв на картинке – здесь их может быть не более 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.

Официальная страница: WhatFontis

FontDetect (FontMassive)

FontDetect – это бесплатная программа на Windows, которая ищет подходящие варианты среди уже имеющихся на компьютере шрифтов, поэтому выбор может быть сильно ограничен. Но зато приложение умеет распознавать кириллицу.

Ссылка на скачивание: FontDetect

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

Также Identifont предлагает искать шрифт по названию или какой-нибудь характеристике (компании-издателю или фамилии дизайнера). Кроме того, можно ввести название уже известного шрифта и подобрать похожие на него варианты.

Официальная страница: Identifont

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

Официальная страница: FontSpring

FontMatch

FontMatch – это приложение, которое изначально было разработано для ОС Windows, но позже разработчики выпустили программу и для macOS. Поиск по картинке здесь происходит аналогично другим сервисам: загружаем картинку и запускаем анализатор приложения, в результате которого будет отображен список похожих шрифтов. Из минусов: англоязычный интерфейс, но разобраться в нем не составит никакого труда даже тому, кто совсем не знает языка.

Ссылка на скачивание: FontMatch

FontSquirrel

Официальная страница: Font Squirrel

Что делать, если не получилось найти шрифт

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

Вот ссылки на некоторые из них:

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

Заключение

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

В этой статье вы узнаете, как определить шрифт по картинке онлайн. Рассмотрим 4 рабочих способа, которые рекомендуем использовать в 2023 году. Только бесплатные и эффективные методы.

Как определить шрифт по картинке онлайн

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