Как узнать название шрифта на сайте или по картинке?

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

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

• Если у вас есть какая-то дополняющая, опровергающая или просто интересная информация, дайте нам знать: @ITTelle.

Особенности работы с ресурсами

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

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

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

WhatTheFont

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

Работа с сервисом умещается всего в несколько шагов:

1. Переходим на сайт сервиса «WhatTheFont».
2. Перетаскиваем или загружаем картинку с помощью проводника компьютера.
3. Сервис автоматически определит область с нужным шрифтом. Если он выбрал неверно, то просто перетаскиваем выделение на нужный фрагмент картинки и нажимаем на стрелочку ниже.

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

WhatFont

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

Для его работы нужно:

1. Установить расширение WhatFont для своего браузера.
2. После этого, на панели расширений, появиться значок от WhatFont. Требуется кликнуть нему кликнуть левой кнопкой мыши, а затем навести курсор на интересующий вас шрифт.

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

Ссылки

Ссылка на англоязычный сервис по распознаванию шрифтов «WhatTheFont». Среди его менее удобных аналогов, можно отметить следующие: «Fontmassive», «Fontspring» и «Whatfontis».

Скачать расширения для своего браузера, можно по данным ссылкам: Для Google Chrome, для Mozilla Firefox.

С любовью и уважением, от телеграмм канала @CYBERengine.

ВСЯ ИНФОРМАЦИЯ НАПИСАНА В ЦЕЛЯХ ОЗНАКОМЛЕНИЯ И НЕ ПРИЗЫВАЕТ К ДЕЙСТВИЮ.