Сервис для определения шрифта

Сервис для определения шрифта

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

Итак, шаг первый. Сохраняете изображение понравившегося Вам шрифта себе на компьютер.

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

Шаг третий. Нажимаете выбрать файл, указываете путь. Изображение загрузилось, жмем: продолжить. Иногда, после загрузки картинки, может потребоваться уточнение изображения, тогда в текстовом поле вводим каждый символ.

Последний шаг. Жмем: результат!

P.S. Данный сервис не определит название шрифта, если изображение высотой менее 100 пикселей или буквы расположены слишком близко, сливаясь друг с другом.

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

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

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

Читайте также:  Как проверить камеру ноутбука на виндовс 7

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

Поиск по изображению

Проект What The Font создан одним из крупнейших поставщиков фонтов (myfonts.com), поэтому является весьма популярным в данной нише. Вам надо просто загрузить (либо перетащить) PNG или JPG картинку со шрифтом, после чего система подберет из базы в 133тысяч стилей наиболее подходящие варианты.

Сервис WhatFontIs обладает гораздо более крупной базой знаний нежели предыдущий – тут 550 тысяч коммерческих и бесплатных шритов. В специальной форме допускается не только загрузка изображения, но и просто указание ссылки на него. Для поиска совпадений применяется искусственный интеллект, в итоге вам будет показано около 60-ти возможных решений!

По сравнению с конкурентами Fontspring Matcherator обладает более расширенной функциональностью – он может распознавать шрифты OpenType а также содержит уточняющие теги, позволяющие сузить выборку результатов. На сайте есть опция покупки материалов, если нужно, но сама фишка с идентификацией бесплатна.

Текстовые инструменты

Сервис под названием Identifont использует другой интересный подход к решению задачи. Вместо загрузки изображений здесь вам предлагается ответить на несколько наводящих вопросов по искомому шрифту: наличие засечек, формат букв «J», «Q» и символа «$» и др.

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

Сайт Bowfint Printworks пригодится, если вы пытаетесь узнать шрифт онлайн с засечками из семейства Serif. Здесь задается ряд вопросов по форме глифов для некоторых элементов шрифта (см. скриншот выше). Этот ресурс по специфике похож на предыдущий, но в работе он быстрее, т.к. все задания сразу отображаются на одной странице без переходов. Если у вас что-то не получилось, можете написать автору проекта на почту. Здесь также содержатся руководства Script, Bauhaus-style, Sans Serif и Serif, и Lined.

Читайте также:  Авторизация не выполнена работа системы будет завершена

Форумы и опросники

Этот не автоматизированный подход, но он иногда хорошо работает. Чтобы определить тот или иной шрифт, попросите помощи у специалистов из данной ниши. Местом их обитания могут быть как специализированные форумы, так и просто “ответвления” на популярных веб-сервисах.

  • Раздел Typeface Identification на Quora – одном из крупнейших порталов по вопросов-ответов (он там, судя по всему, далеко не один).
  • Группа typeid (Flickr Typeface Identification) на популярном фотохостинге Flickr – аналогично нужно добавить любую картинку и ожидать подсказки от пользователей. Обновления были недавно, значит группа активна.
  • Typophile – сообщество экспертов, где вы можете загрузить свое изображение для получения “помощи из зала”.

Приложения для распознавание шрифта онлайн

Решение WhatFont Tool доступно в 3х реализациях – как расширение для Chrome и Safari, а также в виде букмарклета (вкладки браузера). Сразу после установки кликаете по приложению, после чего при наведении на текстовые элементы веб-страницы вам будут показываться названия фонтов.

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

Fount работает как букмарклет – добавляете его в панель инструментов вашего браузера. Далее на тех или иных сайтах он будет показывать не только используемый шрифт, то и его размер, стиль, вес. Совместим с Chrome, Safari, Firefox и IE8+.

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

Бонусы от наших партнеров

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

Читайте также:  Беспроводные наушники айфон как пользоваться

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

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

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

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

Как узнать, какой шрифт используется на сайте? Все довольно просто. Чтобы определить название шрифта онлайн, не нужно копировать текст. Достаточно скопировать ссылку и вставить ее в специальное поле на этой странице. Сервис за несколько секунд определит все шрифты, которые есть на странице.

Ссылка на основную публикацию
Adblock detector