Как определить шрифт по картинке или фотографии: пошаговая инструкция

Загрузите изображение в сервис распознавания шрифтов, например WhatFontIs или Fontspring Matcherator. Он сравнит буквы с гарнитурами из своей базы и покажет стиль, совпадающий с примером, или максимально похожий на него. Точность результата зависит от качества изображения и языка надписи.

Как подготовить изображение, где искать шрифт и что делать, если автоматическое распознавание не сработало, рассказали и статье.

В этой статье:

1. Какой способ выбрать
2. Как распознать шрифт по изображению: 3 шага
3. Сервисы для распознавания шрифтов
4. Как узнать название шрифта без изображения

Какой способ выбрать

О каждом способе расскажем дальше.

Как распознать шрифт по изображению: 3 шага

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

Сервисы для распознавания шрифтов

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

Как узнать название шрифта без изображения

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

Проверьте в настройках страницы

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

Скопируйте название и найдите гарнитуру в каталоге шрифтов. Там можно проверить нужное начертание и условия лицензии.

Ищите по описанию

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

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

Если шрифт не нашелся

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

В таком случае подберите ближайшую гарнитуру по форме и пропорциям букв. Сравните несколько символов по следующим параметрам:

• толщина штрихов;
• контраст между тонкими и толстыми линиями;
• форма и наличие засечек;
• ширина букв;
• расстояние между символами.

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

Как определить шрифт в логотипе

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

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

Проверьте лицензию перед использованием

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

Например, шрифты под SIL Open Font License (OFL) можно использовать в коммерческом дизайне, в том числе для логотипов, печатных материалов и веб-страниц. Но для самостоятельного изменения и распространения самого файла действуют ограничения.

Для коммерческого проекта выясните, разрешено ли:

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

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