Как узнать шрифт логотипа или сайта — все рабочие способы · Trace Logo's
4 мин чтения 5

Как узнать шрифт логотипа или сайта — все рабочие способы

Увидели логотип или заголовок с идеальным шрифтом — и хотите такой же? Задача решаемая: сервисы‑определители узнают гарнитуру по фотографии за секунды, шрифт с сайта вычисляется двумя кликами в браузере, а для сложных случаев есть «детективный» метод по приметам букв. Разбираем все способы — и объясняем, почему шрифт из логотипа большого бренда часто нельзя найти в принципе (и что делать вместо этого).

Коротко

Шрифт на картинке → загрузите её в WhatTheFont или Font Squirrel Matcherator. Шрифт на сайте → правый клик → «Просмотреть код» → вкладка Computed → font‑family (или расширение вроде Fonts Ninja). Ничего не нашлось → скорее всего, шрифт кастомный или буквы отрисованы вручную — ищите похожий по приметам. И помните: найти шрифт мало, его ещё нужно лицензировать.

Способ 1. Определители по картинке

Главный инструмент — WhatTheFont от MyFonts: загружаете картинку с текстом, сервис распознаёт буквы и показывает совпадения из базы в сотни тысяч гарнитур. Аналоги — Font Squirrel Matcherator (силён в бесплатных шрифтах) и Fontspring Matcherator. Чтобы распознавание сработало:

  1. Чем больше букв, тем точнее — по двум буквам сервис гадает, по восьми — попадает.
  2. Горизонтальный текст, ровный кадр. Наклонные фото выпрямите заранее (убрать фон тоже помогает).
  3. Разделённые буквы. Слипшиеся или пересекающиеся буквы (частая история в леттеринге) сервис не разберёт — обрежьте до читаемого фрагмента.
  4. Сравнивайте детали. Из выдачи в десяток похожих гарнитур настоящую отличают мелочи: форма точки над «i», хвост «y», срезы штрихов.

Способ 2. Шрифт на сайте — без всяких сервисов

Если шрифт живёт на веб‑странице, он вычисляется точно, а не «похоже»:

  1. Правый клик по тексту → «Просмотреть код» (Inspect).
  2. В панели стилей найдите свойство font‑family — либо откройте вкладку Computed, где показан реально применённый шрифт.
  3. Ленивый вариант — расширения Fonts Ninja или WhatFont: наводите курсор на любой текст и видите название, размер и начертание.

Работает в Chrome, Firefox, Safari и любом браузере с инструментами разработчика. Учтите: название шрифта — не разрешение его использовать; лицензию проверяем отдельно (об этом ниже).

Способ 3. Детектив по приметам

Когда автоопределители молчат, работает ручной поиск по классификационным признакам. Определите по картинке:

  • Засечки: есть (антиква) / нет (гротеск) / брусковые (слэб).
  • Контраст штрихов: одинаковая толщина или тонкие‑толстые переходы.
  • Апертуры: открытые «с», «е» (гуманистический характер) или закрытые (геометрический).
  • Особые приметы: одноэтажная или двухэтажная «а», хвост «Q», форма «R».

С этим набором идите в каталоги (Google Fonts, MyFonts) и фильтруйте по категории — или спросите на форумах идентификации шрифтов (сабреддит r/identifythisfont решает задачи за минуты). Побочный бонус метода: научившись видеть приметы, вы начнёте осознанно выбирать шрифты для своих проектов.

Почему шрифт из логотипа часто не находится

Три причины, по которым определитель разводит руками:

  1. Кастомная гарнитура. Крупные бренды заказывают собственные шрифты: YouTube Sans, Product Sans у Google, YS Text у Яндекса. Купить их нельзя в принципе — они и созданы, чтобы не повторяться.
  2. Леттеринг. Многие логотипы — не набор шрифтом, а ручная отрисовка: рукописное слово Instagram не существует как шрифт со всеми буквами алфавита.
  3. Модификация. Знак набран существующим шрифтом, но буквы доработаны: срезы, лигатуры, изменённые пропорции — именно так делаются текстовые логотипы в большинстве случаев.

Что делать: искать похожий по духу шрифт из доступных. Запрос «шрифты, похожие на X» — легальный и продуктивный путь: у большинства знаменитых гарнитур есть открытые аналоги (условные Roboto→«похож на Helvetica»-класс, Montserrat→геометрические гротески).

Найти ≠ можно использовать

Определив шрифт, проверьте лицензию до использования: бесплатные для личных целей гарнитуры в коммерческом логотипе — готовая претензия от шрифтовой студии, подробно о лицензиях и ловушках мы писали отдельно. И отдельно: скопировать шрифт бренда легко, но знак «в шрифте Т‑Банка» — путь к спору о смешении, а не к своему стилю.

Мини‑шпаргалка

СитуацияИнструмент
Картинка/фото с текстомWhatTheFont, Matcherator
Текст на сайтеInspect → Computed, Fonts Ninja
Автоопределение молчитдетектив по приметам + r/identifythisfont
Шрифт кастомныйискать открытый аналог
PDF‑файлсвойства документа → шрифты

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

Библиотека логотипов и эмодзи Скачивайте SVG/PNG бесплатно и экспортируйте в Figma
Открыть каталог