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

Давайте рассмотрим наглядный пример.

Я лазил по интернету и чем-то мне приглянулась надпись в таком исполнении.

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

Если бы на сайте-источнике этот текст был набран в коде, можно было бы посмотреть в таблице стилей, какой шрифт они используют и на этом остановиться. Особенно, если в стилях указан не локальный, а внешний url на файлы шрифта в каком-то бесплатном хранилище. Но это всё мечты… На деле же всё обстоит несколько иначе. Источник может поделиться лишь картинкой со своим логотипом, где красивыми буквами что-то написано. Наша задача сделать собственную надпись таким же шрифтом.

Что ж, приступим.

Для начала откроем сайт MyFonts. Здесь нам предлагают либо вставить адрес картинки в поле ввода, либо выбрать файл на локальном диске нашего компьютера.

распознавание шрифта

У меня файл сохранен, поэтому я нажимаю кнопку Обзор, выбираю там своё изображение и жму на зелёную стрелочку с надписью «Продолжить» (или Continue). После чего нам предлагают уточнить распознавание символов.

распознавание символов надписи

Как мы видим на рисунке, система сама определяет некоторые символы. Если что-то не совпадает, можно подкорректировать вручную. Когда нас всё устраивает, жмем на зеленую стрелку Продолжить и переходим к следующей стадии.

выбор шрифта

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

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

Понравилась статья? Расскажи о ней друзьям!

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *