Как узнать шрифт логотипа или сайта — все рабочие способы
Увидели логотип или заголовок с идеальным шрифтом — и хотите такой же? Задача решаемая: сервисы‑определители узнают гарнитуру по фотографии за секунды, шрифт с сайта вычисляется двумя кликами в браузере, а для сложных случаев есть «детективный» метод по приметам букв. Разбираем все способы — и объясняем, почему шрифт из логотипа большого бренда часто нельзя найти в принципе (и что делать вместо этого).
Шрифт на картинке → загрузите её в WhatTheFont или Font Squirrel Matcherator. Шрифт на сайте → правый клик → «Просмотреть код» → вкладка Computed → font‑family (или расширение вроде Fonts Ninja). Ничего не нашлось → скорее всего, шрифт кастомный или буквы отрисованы вручную — ищите похожий по приметам. И помните: найти шрифт мало, его ещё нужно лицензировать.
Способ 1. Определители по картинке
Главный инструмент — WhatTheFont от MyFonts: загружаете картинку с текстом, сервис распознаёт буквы и показывает совпадения из базы в сотни тысяч гарнитур. Аналоги — Font Squirrel Matcherator (силён в бесплатных шрифтах) и Fontspring Matcherator. Чтобы распознавание сработало:
- Чем больше букв, тем точнее — по двум буквам сервис гадает, по восьми — попадает.
- Горизонтальный текст, ровный кадр. Наклонные фото выпрямите заранее (убрать фон тоже помогает).
- Разделённые буквы. Слипшиеся или пересекающиеся буквы (частая история в леттеринге) сервис не разберёт — обрежьте до читаемого фрагмента.
- Сравнивайте детали. Из выдачи в десяток похожих гарнитур настоящую отличают мелочи: форма точки над «i», хвост «y», срезы штрихов.
Способ 2. Шрифт на сайте — без всяких сервисов
Если шрифт живёт на веб‑странице, он вычисляется точно, а не «похоже»:
- Правый клик по тексту → «Просмотреть код» (Inspect).
- В панели стилей найдите свойство font‑family — либо откройте вкладку Computed, где показан реально применённый шрифт.
- Ленивый вариант — расширения Fonts Ninja или WhatFont: наводите курсор на любой текст и видите название, размер и начертание.
Работает в Chrome
, Firefox
, Safari и любом браузере с инструментами разработчика. Учтите: название шрифта — не разрешение его использовать; лицензию проверяем отдельно (об этом ниже).
Способ 3. Детектив по приметам
Когда автоопределители молчат, работает ручной поиск по классификационным признакам. Определите по картинке:
- Засечки: есть (антиква) / нет (гротеск) / брусковые (слэб).
- Контраст штрихов: одинаковая толщина или тонкие‑толстые переходы.
- Апертуры: открытые «с», «е» (гуманистический характер) или закрытые (геометрический).
- Особые приметы: одноэтажная или двухэтажная «а», хвост «Q», форма «R».
С этим набором идите в каталоги (Google Fonts, MyFonts) и фильтруйте по категории — или спросите на форумах идентификации шрифтов (сабреддит r/identifythisfont решает задачи за минуты). Побочный бонус метода: научившись видеть приметы, вы начнёте осознанно выбирать шрифты для своих проектов.
Почему шрифт из логотипа часто не находится
Три причины, по которым определитель разводит руками:
- Кастомная гарнитура. Крупные бренды заказывают собственные шрифты: YouTube Sans, Product Sans у Google, YS Text у Яндекса. Купить их нельзя в принципе — они и созданы, чтобы не повторяться.
- Леттеринг. Многие логотипы — не набор шрифтом, а ручная отрисовка: рукописное слово Instagram не существует как шрифт со всеми буквами алфавита.
- Модификация. Знак набран существующим шрифтом, но буквы доработаны: срезы, лигатуры, изменённые пропорции — именно так делаются текстовые логотипы в большинстве случаев.
Что делать: искать похожий по духу шрифт из доступных. Запрос «шрифты, похожие на X» — легальный и продуктивный путь: у большинства знаменитых гарнитур есть открытые аналоги (условные Roboto→«похож на Helvetica»-класс, Montserrat→геометрические гротески).
Определив шрифт, проверьте лицензию до использования: бесплатные для личных целей гарнитуры в коммерческом логотипе — готовая претензия от шрифтовой студии, подробно о лицензиях и ловушках мы писали отдельно. И отдельно: скопировать шрифт бренда легко, но знак «в шрифте Т‑Банка» — путь к спору о смешении, а не к своему стилю.
Мини‑шпаргалка
| Ситуация | Инструмент |
|---|---|
| Картинка/фото с текстом | WhatTheFont, Matcherator |
| Текст на сайте | Inspect → Computed, Fonts Ninja |
| Автоопределение молчит | детектив по приметам + r/identifythisfont |
| Шрифт кастомный | искать открытый аналог |
| PDF‑файл | свойства документа → шрифты |
Родственные задачи из нашего блога: как узнать цвет логотипа — та же детективная работа для палитры, как скачать логотип с сайта — если нужен сам знак, и шрифт для логотипа — как выбирать гарнитуру, когда делаете собственный бренд. Изучать связки «знак + шрифт» удобно в каталоге: у сильных брендов типографика продолжает форму знака.