Как быстро и легко идентифицировать шрифты на веб-странице? ТОП-6 онлайн-сервисов и Google Chrome расширений

21.09.2023

Редакция: Ольга Сомова. Автор: Анастасия Фенюк

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

В этой статье мы собрали для вас бесплатные сервисы и Google Chrome расширения, максимально облегчающие вам процесс распознавания шрифтов. Давайте начнем!

MyFonts by Monotype

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

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

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

WhatFontIs

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

Кроме большого каталога, этот сервис имеет еще несколько преимуществ:

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

Fontspring Font Matcherator

Fontspring Font Matcherator ― онлайн-сервис, который найдет соответствующий шрифт, если загрузить изображение или вставить URL-изображения.

Сервис также имеет широкий выбор шрифтов в своей обширной базе данных (около 900 тысяч гарнитур). Кроме этого, Matcherator выделяется своей мощной технологией идентификации шрифтов и расширенными функциями поиска, позволяющими точно идентифицировать глифы и сравнивать особенности OpenType.

WhatFont

WhatFont ― бесплатное расширение для Google Chrome благодаря которому можно с легкостью определить любой шрифт на веб-странице.

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

Fonts Ninja

Fonts Ninja ― еще одно расширение для Google Chrome, благодаря которому процесс распознавания шрифта займет буквально несколько секунд. Логика его работы идентична прошлому сервису. Нужно только «включить» расширение на странице и навести курсором в нужный текст.

Среди преимуществ именно этого сервиса следует отметить:

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

Fontanello

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

Чтобы воспользоваться этим сервисом, стоит лишь нажать правой кнопкой мыши на текст на странице.

Выводы

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

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

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