Школа
Шрифт

Как определить, что за шрифт на картинке или фотографии?

Аня, привет.
Как определить, что за шрифт на картинке или фотографии? Например, мне понравилась вывеска и у меня есть ее фотография. Как узнать, каким шрифтом набран текст?
Спасибо.

Феликс Неботов
6 мая 2017
👁 38354   🗩2
Шрифт

Как определить, что за шрифт на картинке или фотографии?

Аня, привет.
Как определить, что за шрифт на картинке или фотографии? Например, мне понравилась вывеска и у меня есть ее фотография. Как узнать, каким шрифтом набран текст?
Спасибо.

Феликс Неботов
6 мая 2017
👁 38354   🗩2
Аня Данилова
Шрифтовик бюро
Полезно
 2
2
Непонятно
  
Войдите в Бюросферу, чтобы голосовать

Феликс!

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

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

Попробуем найти шрифт «Проксима Нова». Для убедительности сделаем картинку цветной, программа распознаёт буквы несмотря на цвет.

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

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

Подтверждаем и видим, что программа сразу правильно угадала шрифт.

Программа распознаёт только шрифты, которые продаются на Майфонтс. Но выбор шрифтов огромный и включает в себя шрифты гигантов «Монотайп» или «Паратайп». Часто этого хватает для того чтобы найти нужный шрифт.

Попробуем поискать шрифт, которого точно нет на Майфонтсе. Например, Бюросериф.

Программа распознаёт буквы и выдаёт похожие на наш шрифты. Часто механизм работает не идеально. В нашем случае программа в конце неожиданно предложила классицистический «Дидо», который по рисунку совсем не похож на Бюросериф.

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

Найти шрифт, похожий на искомый, сложно, но можно. Не жалейте времени на поиск. Это всё равно, что долго искать хорошую картинку на Шаттерстоке — можно дойти до отчаяния, но всё‑таки найти то, что нужно. Например, помимо неожиданных предложений в результатах был Ансельм, который по характеру похож на Бюросериф.

В вебе есть несколько расширений для разных браузеров. Например, Вотфонт для Хрома, Фонтфейсниндзя для Хрома, Файрфокса и Сафари.

Увидеть шрифт можно и в коде, но расширения позволяют делать это за секунду.

Если этими способами не получается найти нужный шрифт, можно обратиться за помощью в профильные сообщества. Например, на форум Майфонтса или в группу «Тайп энд Тайпографи» в Фейсбуке.

P. S. Это был субботний совет о шрифте в дизайне. Хотите знать всё о выборе шрифтов для проекта, о подборе шрифтовых пар, о каллиграфии, летеринге и создании собственных шрифтов? Присылайте вопросы.

Шрифт в дизайне
Полезно
 2
2
Непонятно
  
Войдите в Бюросферу, чтобы голосовать
Отправить
Поделиться
Поделиться
Запинить
Твитнуть

Комментарии

Ещё можно воспользоваться поиском по бесплатным шрифтам https://www.whatfontis.com

https://www.fontsquirrel.com/matcherator
После аплоада картинки не забыть выставить флажки, чтобы искал не только коммерческие шрифты с fontspring, но и бесплатные с самого fontsquirrel, а также c myfonts.

http://www.identifont.com
Позволяет определить шрифт, отвечая на серию вопросов о форме засечек, характерных буквах и т. п. Неплохо определяет всякую нестареющую классику.

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

Рекомендуем другие советы