Программа определяющая шрифт с картинки: 5 способов распознать шрифт с картинки

5 способов распознать шрифт с картинки

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

Каждый дизайнер хоть раз сталкивался с необходимостью распознать незнакомый шрифт. Идеального способа для этого всё ещё не придумали, но кое-какие хитрости есть. Рассмотрим пять инструментов, которые могут помочь 🧐

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

• текст расположен чётко горизонтально;
• высота букв не меньше 100 пикселей;
• буквы не касаются друг друга;
• общее количество символов — не больше 50.

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

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

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

Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:

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

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

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

Задаём буквы для каждого распознанного символа.

Если нужно, добавляем папки для поиска.

И получаем список шрифтов.

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

Подобным образом работает поиск на Linotype, Bowfin Printworks, Fonts.com и Rentafont.

Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.

Профильные сообщества в сети

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

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

Мнение автора и редакции может не совпадать. Хотите написать колонку для «Нетологии»? Читайте наши условия публикации.

Поиск шрифта по картинке — лучшие бесплатные онлайн сервисы

Иногда попадаешь на какой-то сайт и влюбляешься в дизайн с первого взгляда. Хорошие картинки, отличные текста, удачная цветовая схема, а главное – классные шрифты, которые так и хочется “одолжить” для собственных проектов. Но вот незадача-то, как понять что это за шрифт? Ведь на поиск визуально подобной типографии могут уйти часы. Я не раз попадал в подобные ситуации, и поэтому решил создать небольшую подборку бесплатных онлайн инструментов, которые помогают осуществлять поиск шрифта по картинке. Каждый из них имеет свои особенности и преимущества, так что давайте подберем то, что пригодится именно вам.

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

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

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

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

Matcherator это идеальный инструмент для распознавания шрифтов с точки зрения простоты использования. Более того, на сайте есть удобная функция drag and drop. Это значит, что вы можете поместить изображение шрифта, просто перетащив картинку на сайт с помощью мышки, а затем программа запустится и найдет то, что нужно! С помощью этого инструмента вы сможете распознать всевозможные шрифты (с засечками и без), и все это бесплатно.

С инструментом Identifont распознавание шрифтов выглядит несколько иначе. Вы можете распознавать все типы шрифтов, но сначала вам нужно ответить на ряд вопросов о наиболее важных для вас элементах шрифты (высота, изгибы, засечки). После нескольких вопросов вы получите список возможных шрифтов, соответствующих указанным ответам.

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

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

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

Вот как это работает:

1. Выберите кнопку «Fount».
2. Перейдите на любой сайт и нажмите на закладку Fount.
3. Нажмите на шрифт, который вы хотите идентифицировать.
4. Та дам! Все отображается. Быстро, легко и бесплатно.
5. Чтобы отключить Fount, нажмите на закладку еще раз.

Fount совместим с Safari, Chrome и Firefox.

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

Единственный существенный недостаток: By-Sight в настоящее время доступен только на английском языке.

Fontshop и использует те же принципы, что и By-Sight. Да, это займет некоторое время, но вы узнаете многое о распознавании текста. В целом, я действительно впечатлен Fontshop и могу тепло порекомендовать его всем пользователям.

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

Подводим итоги

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

Есть какие-то инструменты, о которых мы не рассказали в статье? Мы с нетерпением ждем ваших отзывов и предложений по этому поводу. Оставляйте комменты и используйте шрифты с удовольствием!

Другие полезные статьи по теме

Лучшие шаблоны сайтов

Как сделать логотип: 7 полезных советов

Бесплатные векторные изображения – 30 лучших сайтов

Веб дизайн книги: 10 лучших книг для новичков

Добавляем шрифты Google Fonts на HTML сайт

Какая бесплатная программа для сжатия фото идеально подойдет для вашего сайта?

Выбираем редактор фото онлайн для работы и творчества: 5 лучших примеров

Купить хостинг за $1

Что за шрифт? Поиск шрифта по картинке

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

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

Как узнать, что это за шрифт?

• Поинтересоваться у разработчика дизайна, с какими шрифтами он работает. Но не каждый дизайнер охотно с вами поделится.
• Использовать фотошоп. В разделе шрифтов найти функцию поиск шрифта по картинке легко. Большой плюс в том, что нужный иероглиф можно найти среди стандартных шрифтов. Минус в том, что не у каждого пользователя есть фотошоп.
• Отбор шрифта по картинке посредством специальных сайтов. Это наиболее удачный способ найти редкие буквы. Сервис позволяет распознать шрифт путем загрузки изображения и его анализа.

Бесплатные и практичные сервисы распознания шрифта:

WhatTheFont

WhatTheFont один из лучших специалистов по распознаванию шрифтов. Нужно загрузить изображение. Сервис определяет в базе данных самый похожий шрифт. Это удобно, быстро и просто.

Matcherator

Matcherator уникален по простоте использования функции drag and drop. С помощью мышки необходимо перетащить картинку и поместить шрифт, а дальше программа сама все сделает. Преимущество данного сервиса – распознание всевозможных шрифтов с засечками и без.

Identifont

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

WhatFontIs

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

Fount

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

Остается только: нажать на кнопку «Fount»; выбрать шрифт; отключить «Fount», нажав еще раз.

Fontshop

Fontshop действует по тем же принципам, что и By-Sight. Надо немного повозиться, но можно легко распознать многое в тексте.

Bowfin Printworks

Bowfin Printworks легко и быстро находит любой шрифт. Есть целый список возможностей. Остается выбрать нужные характеристики.

Fontmassive (бонус)

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

Выводы:

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

Онлайн инструменты для распознавания шрифта

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

Я для себя давно нашла парочку онлайн сервисов, позволяющих распознать шрифт на картинке. На самом деле таких сервисов существует множество. Есть даже специальные тусовки. На flickr-е, например. Но мне удобнее пользоваться лишь двумя. Это WhatTheFont и WhatFontiS.com.

WhatTheFont — это сервис от старейшего и, пожалуй, наиболее известного сайта, торгующего шрифтами — myfonts.com. Второй — просто удобная онлайн-машина для определения шрифта. Принцип работы у них схож, хотя нюансы иногда различаются. Картинку можно подхватить со своего компа, либо указать адрес картинки в Интернете. Далее нужно помочь сервису в определении букавок.

Возьмем для примера вот такую картинку:

Вот что выдал WhatTheFont после загрузки картинки:

Буквы, которые распознал сервис, выделены черным цветом. В окошках либо уже есть распознанные буквы, либо нужно самостоятельно проставить их с учетом регистра. Как видите, иногда сервис ошибается: две буквы ss он определил как n. Здесь нужно просто исправить ошибку, то есть удалить неправильную букву.

Далее нажимаем кнопку Continue и… ничего не находит этот сервис 🙁 Будем пробовать со вторым. Точно также загружаем картинку с компа:

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

Сервис справился на отлично! Кроме того, здесь наша картинка всегда висит справа внизу экрана и позволяет очень легко сравнивать выданные шрифты с оригиналом. Так что рекомендую!

Читайте также: Распознавание русского шрифта онлайн.

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

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

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

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

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

Расширение для идентификации шрифтов Fontface Ninja для Safari и Chrome вполне соответствует идее скрытного и эффективного наёмника. Работа с ним строится так: нажав на кнопку расширения, наведите курсор на интересующий шрифт — всплывающая подсказка будет содержать информацию о его названии, межстрочном интервале, размере. Если повезёт, тут же шрифт можно будет скачать.
Весьма любопытной может оказаться функция Mask: она позволяет скрывать графическое содержимое страницы, оставляя лишь текстовые блоки.

Ещё одно полезное расширение, но только для пользователей Chrome. Остальные могут приобщиться к прекрасному по старинке — воспользовавшись услугами закладок.

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

Посредством авторизации чере аккаунт Twitter’a с помощью Type Sample можно создать собственную коллекцию шрифтов и поглядеть на чужие.

Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.

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

Чем объяснить тот пиетет, который испытывают разработчики к пользователям Chrome, неизвестно, однако факт остаётся фактом: расширений для распознавания шрифта, поддерживаемых этим браузером, чуть больше.

Typ.io — идеальный вариант для максималистов, которые не приемлют лишних телодвижений. После установки расширения в нижнем углу браузера появится кнопка с букой «Т», нажатие на которую выводит названия всех идентифицированных на странице шрифтов в отдельном столбце. Чтобы узнать, где какой шрифт использовался, достаточно кликнуть на его название.

Автор: Денис Стригун

5 Онлайн сервисов распознования неизвестных шрифтов.

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

Поэтому я подумал, что стоит поработать над подборкой 5 онлайн-инструментов для распознания шрифтов. Эти инструменты должны быть у каждого веб-дизайнера. Уделите каждому из них внимание, и тогда вы сможете определить, какой подходит вам лучше всего!

Мне хотелось бы знать ваше мнение об этих инструментах. Если же я упустил из виду какие-нибудь еще клевые инструменты, пожалуйста, расскажите о них в комментариях.

1. What font is

Это бесплатный сайт, который дает вам возможность проще всего определить, какой шрифт используется на странице. Когда вы находитесь на сайте, на котором вам понравился тот или иной шрифт, просто сделайте скриншот страницы таким образом, чтобы на изображении был текст. Однако скриншот по размеру не должен превышть 1.8мб, и достаточно, чтобы на нем была всего одна строка текста. Формат изображения должен быть jpeg/jpg, gif или png. Далее скриншот загружается на Identify Fonts, и сайт отображает вам результат. Вы можете установить фильтр на отображение только бесплатных шрифтов, только платных шрифтов, либо и тех и тех. Перейти на What font is.

2. Identifont

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

3. WhatTheFont

WhatTheFont распознает шрифты по тому же принципу что и IdentifyFont. Мы можем загрузить изображение в формате GIF, JPEG, TIFF или BMP, и в нем должно быть не более 25 символов. Так как символы сканируются вебсайтом, нам нужно будет подтвердить правильные символы. Затем сайт анализирует каждый символ и находит шрифт. Перейти на WhatTheFont.

4. Font Trainer

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

5. TypeNavigator

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

Еще 3 дополнительных инструмента вы можете увидеть по ссылке —  как определить шрифт по картинке. Советуем тоже смотреть.

Алексей Повловский

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

Феликс!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Матчератор FontSquirrel

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

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

2.WhatFontIs

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

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

3. Матчератор Fontspring

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

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

4. WhatTheFont

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

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

5. FontEdge

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

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

6. Quora

Как вы знаете, Quora — это то место, куда большинство пользователей обращаются за ответами на свои вопросы. Во многих темах Quora есть категория под названием «Идентификация шрифта», где вы можете загрузить изображение и спросить, знает ли кто-нибудь название шрифта.

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

Заключение

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

Эта статья полезна?
да
Нет

10 инструментов и приложений, которые помогут быстро определить шрифты

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

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

Инструмент WhatFontIs — это онлайн-инструмент, который позволяет идентифицировать шрифты, загружая изображение или вводя URL-адрес, по которому шрифт расположен. Инструмент имеет обширный каталог из 550000+ коммерческих и бесплатных шрифтов и использует AI для поиска шрифтов для идентификации шрифтов.

WhatFont Tool поставляется как расширение браузера, доступное для Chrome и Safari, и как букмарклет. Все, что вам нужно сделать, это щелкнуть по нему, а затем навести курсор на текст на веб-странице, и расширение покажет вам название шрифта.

В

MyFonts есть удобный инструмент WhatTheFont, который позволяет идентифицировать шрифты по изображению. Он поддерживает как PNG, так и JPG и использует свою коллекцию из более чем 133 000 стилей шрифтов, чтобы найти наилучшее соответствие шрифтам в вашем изображении.

Fontface Ninja — еще одно расширение браузера для идентификации шрифтов. Что отличает его от других, так это возможность попробовать шрифты с вашим собственным текстом и возможность сразу приобрести шрифт, щелкнув ссылку с ценой или загрузкой.Он работает с Chrome, Safari и Firefox.

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

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

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

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

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

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

Заключение

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

9 способов отличать шрифты от изображений и веб-текста. Как определить шрифт?

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

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

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

… А что, если нет времени ждать?

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

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

Продолжайте читать, и я расскажу, как это делается!

Шаг 1. Найдите шрифты в изображениях с помощью таких инструментов, как:

1. Что такое шрифт

«Что такое шрифт» — самый популярный сервис для определения шрифта по фотографии или скриншоту.Все, что вам нужно, это загрузить изображение (или указать его URL-адрес), и программа отобразит наиболее похожие варианты, доступные для покупки на MyFonts. По словам создателей What Font Is, к изображению предъявляются следующие требования:

• четко горизонтальный текст
• высота буквы не менее 100 пикселей
• буквы не касаются друг друга
• Всего не более 50 знаков

2. Что за шрифт

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

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

3. Шрифт Белка

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

Также не забудьте просмотреть предлагаемые предложения Font Squirrel — некоторые из них действительно «горячие», так что не упускайте их.

4. Матчератор

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

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

5. Fontface Ninja

FontFaceNinja на данный момент является безусловным лидером. Расширение не только помогает вам узнать название шрифта на веб-сайте (а не по изображению), но также дает вам возможность попробовать писать этим шрифтом. Кроме того, вы можете скачать шрифт, который вам понравился и который вам понравился!

Помимо красоты и удобства этого расширения, FontFaceNinja имеет своего рода волшебную кнопку (маску), которая скрывает всю рекламу со страницы, что позволяет использовать только шрифты. Расширение полностью бесплатное и работает с Chrome и Safari.

6. Типовой образец

Еще одно полезное расширение, к сожалению, только для пользователей Chrome. Он работает аналогично предыдущему варианту, хотя Type Sample может похвастаться некоторыми классными уникальными функциями.Особого внимания заслуживает возможность «поиграть со шрифтами» в реальном времени. Когда вы нажимаете на выделенный текстовый блок, вы можете изменить размер шрифта, посмотреть на панграмму, ввести свой собственный текстовый пример и попробовать еще несколько уловок, недоступных в других сервисах.

Зайдя в учетную запись Type Sample в Twitter, вы можете создать свою собственную коллекцию шрифтов и / или посмотреть чужую.

7. WhatFont

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

8. Typ.io

Typ.io — идеальный выбор для максималистов, отказывающихся выполнять лишние действия, или тех, кто просто не заботится о стилях шрифтов и цветовых кодах.После установки расширения вы увидите кнопку с буквой «T» в нижнем углу браузера. Если вы нажмете эту кнопку, в отдельном столбце отобразятся заголовки всех шрифтов, указанных на странице. Чтобы узнать, где находится шрифт, просто нажмите на его название.

9. Источник

Fount — отличный плагин для определения шрифтов на веб-сайтах, используемых многими профессиональными веб-дизайнерами. Чтобы он заработал, нужно добавить сайт в закладки и щелкнуть по нему. Курсор станет крестиком, поэтому, когда вы нажмете на шрифт, вы увидите окно с его заголовком, размером в пикселях, толщиной и стилем.Чтобы выключить режим Fount — нажмите еще раз. Расширение работает с такими браузерами, как Safari, Chrome, Firefox и IE8 +.

Шаг 2. Предварительный просмотр шрифта.

Теперь, когда вы, скорее всего, нашли ТАКОЙ потрясающий шрифт, который вы видели где-то еще, вам нужно выяснить, будет ли этот шрифт соответствовать стилю вашего веб-сайта. «Никогда не узнаешь, пока не попробуешь» — возможно, вы уже подумали об этом и будете на 100% правы. Но загрузка всех любимых шрифтов на ваш сайт будет пустой тратой денег, верно?

Хорошая новость в том, что если вы пользователь Chrome, вы можете предварительно просмотреть любой шрифт. Расширение Google Font Previewer позволяет тестировать их на веб-сайте, не переходя в режим редактирования. Вы также можете пометить шрифты, которые вы просматриваете чаще всего, и отметить их как избранные в своем приложении.

Шаг 3. Загрузите пользовательский шрифт на свой веб-сайт [как определить шрифт]

Итак, вы выбрали правильный шрифт, за которым так долго охотились, и теперь пришло время внедрить его в свой собственный дизайн веб-сайта. Наиболее распространенный подход к добавлению пользовательского шрифта на веб-сайт — использование правила FontFace CSS .

1. Загрузите шрифт в соответствующем формате (.ttf или .otf)
2. Создайте WebFont Kit для перекрестного просмотра с помощью Webfont Generator
3. Загрузите этот комплект на свой веб-сайт с помощью FTP или файлового менеджера
4. Обновите файл CSS
5. Используйте пользовательский шрифт в объявлениях CSS

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

Яркая каллиграфия

Если вы ищете современный гладкий шрифт, то это именно то, что вам нужно. Он включает в себя потрясающих персонажей в неоновом стиле. Идеально подходит для создания логотипов, упаковки или других рекламных материалов. Вы получите набор из 81 файла PSD (4000×4000 пикселей) и PNG (2000×2000 пикселей). Вы можете легко комбинировать отдельные буквы для создания нужного слова. Более того, эти буквы легко настроить — вы можете изменить их цвет. Он также поставляется со шрифтом Golden Bush (файлы OTF и TTF, которые вы можете легко установить и использовать).Он имеет темную текстуру фона. В целом, это привлекательный набор букв в неоновом стиле. как определить шрифт

Янтарный вкус

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

Курящий шрифт

Это еще один винтажный шрифт, который может сделать ваш дизайн потрясающим. Легко настроить. В нем есть отдельные файлы для шрифта и эффекта текстурированного объема, поэтому вы можете легко изменить цвет. Таким образом, у вас есть несколько вариантов настройки.Он поставляется в виде файлов OTF, TTF и WOFF. Таким образом, вы можете легко установить и использовать. Все персонажи используют формат EPS 10. Это здорово, когда при создании чего-либо хочется получить винтажный вид. Это может быть идеально, когда вы создаете логотип или изображение для своего веб-сайта. Вы также получите бонусный плакат.

шнурки

Если вам нужен красивый рукописный шрифт, то это именно то, что вам нужно. У этого шрифта есть две версии — с эффектом шнурка и без него.Эффект «шнурка» добавляет особую текстуру, которая добавляет несколько прозрачных участков. Это может сделать ваш дизайн более интересным. В чистой версии такого эффекта нет, но она выглядит потрясающе и чисто. Он поставляется с 8 штрихами, лигатурами и альтернативами, чтобы вы могли сделать свой дизайн более сложным и интересным. Он поставляется в виде файлов OTF и TTF, поэтому вы можете легко установить и использовать его. Он содержит только латинские символы. Как определить шрифт?

Этикетка для виски

Это идеальный вариант, если вы ищете шрифт в классическом стиле.Его можно использовать при разработке упаковки, этикетки или логотипа. Это придаст вашему дизайну высококлассный и роскошный вид. Этот шрифт поставляется в файлах OTF и WOFF, поэтому вы можете легко их установить и использовать. Он снабжен четырьмя файлами EPS 10, которые демонстрируют, как его можно использовать. В векторные файлы входят декоративные рамки, ленты и гранж-текстуры. Шрифт включает цифры и знаки препинания. Если вы ищете шрифт, который может выделить ваш дизайн — приобретите его прямо сейчас. Как определить шрифт?

Агресс

Вот современный агрессивный шрифт, который сделает ваш дизайн привлекательным.Этот шрифт в стиле граффити идеально подходит, когда вы хотите, чтобы ваш дизайн выглядел нестандартно и вызывающе. Он чистый и хорошо спроектированный. Этот шрифт предоставляется в виде файлов OTF и TTF, которые можно легко установить и использовать. Поставляется с дополнительными абстрактными изображениями — шесть файлов 6000×6000 PSD и JPG. Это многоязычный шрифт, поэтому у вас нет никаких ограничений. Все персонажи выглядят динамично, что делает дизайн более интересным и сложным. Поэтому, если вы хотите создать что-то, на что люди обратят свое внимание — этот шрифт как раз то, что вам нужно. Как определить шрифт?

Внутри коробки

Вы устали от всех этих стандартных шрифтов? Если да, то этот шрифт для вас. Выглядит потрясающе и сделает ваш дизайн концептуальным и ярким. У этого шрифта 2 стиля. Он включает в себя широкие персонажи, которые выглядят современно и концептуально. Также есть тонкие символы, которые выглядят очень элегантно и чисто. Это файлы OTF и TTF. Они просты в использовании. Кроме того, он снабжен файлами шаблонов. Выкройки можно настроить так, чтобы они выглядели так, как вам нужно.Он включает только латинские символы. Этот шрифт может стать отличным дополнением к футуристическому дизайну. как определить шрифт

Шрифт Pin Up

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

Мегаватт

Этот красивый современный каллиграфический шрифт сделает ваш дизайн эффектным. Это замечательно, если вам нужно создать логотип, плакат, привлекательное изображение и т. Д. Он сочетает в себе стиль рукописного ввода с некоторыми резкими углами. Эта комбинация делает этот шрифт таким мощным. Он включает в себя несколько лигатур. Он поставляется в виде файлов OTF и TTF.В качестве бонуса вы получите высококачественный 3D-рендеринг гитарного усилителя (разрешение этого PSD-файла 6000×4000 пикселей. Это многоязычный шрифт (он включает западноевропейские символы). В целом, если вы хотите, чтобы ваш дизайн был потрясающим, тогда этот шрифт — тот, который вам нужен. как определить шрифт

Августин

Вот современный элегантный шрифт. Он очень чистый и гладкий, поэтому идеально подходит для создания элегантного дизайна. Этот шрифт отлично подходит для дизайна приглашений, визиток, меню, листовок, плакатов и т. Д.Он имеет различные функции, такие как стилистические наборы, стилистические альтернативы, контекстные альтернативы, лигатуры и т. Д. Он поставляется с росчерками, поэтому вы можете добавить особые штрихи к своему дизайну и сделать его сложным. Он предоставляется в виде файлов OTF и TTF — вы можете легко установить и использовать его. На нем много глифов. Все символы закодированы в PUA-кодировке — вы можете получить к ним доступ без использования дополнительного программного обеспечения. Он многоязычный, поэтому у вас нет никаких ограничений. Он очень чистый и сделает ваш дизайн впечатляющим. как определить шрифт

Конец линии… [как определить шрифт]

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

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

Читайте также

ТОП 100 бесплатных шрифтов для дизайнеров

60 бесплатных и премиальных жирных шрифтов для ярких заголовков

25 последних бесплатных шрифтов для профессиональных дизайнеров

10 тенденций в типографике, которых следует придерживаться в 2020 году

10 лучших шрифтовых приложений для любителей типографики или как выбраться из бесконечного лабиринта шрифтов

Как определить шрифт, который вы видите в печати или в Интернете

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

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

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

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

Самый удобный способ определить шрифт в природе — это бесплатное приложение WhatTheFont Mobile.Просто запустите приложение и сделайте снимок текста, где бы он ни появлялся — на бумаге, вывеске, стенах, книге и т. Д. Приложение предлагает вам обрезать фотографию до текста, а затем идентифицировать каждый символ. Затем вероятные шрифты появятся в списке под загруженной вами фотографией, используя буквы из вашего примера текста (что поможет вам определить наилучшее соответствие). Коснитесь любого шрифта в списке, чтобы увидеть более подробную информацию.

Вот шаги для определения шрифта в названии этой книги с помощью приложения WhatTheFont Mobile на iPhone.

Если у вас нет устройства iOS (!), Попробуйте использовать один из этих веб-сайтов: WhatFontIs на www.whatfontis.com, TypeDNA на http://fontedge.matton.se и функцию WhatTheFont на www.MyFonts. com. Каждый сайт проверяет загруженное вами изображение, а затем просит вас ввести буквы, которые появляются на вашем изображении. Затем веб-сайт изо всех сил пытается определить шрифт для вас. Опять же, чем лучше изображение, тем больше у вас шансов найти шрифт.

Как определить шрифт на веб-странице

К счастью, в Интернете гораздо легче идентифицировать шрифты, чем в печатном виде. Если шрифт, который вы хотите найти, используется в живом веб-тексте, а не в изображении, просто используйте WhatFont, который доступен как букмарклет, а также как расширение для Safari и Chrome. После установки расширение добавляет маленькую букву «f?» слева от поля адреса в вашем браузере. Нажмите кнопку, наведите указатель мыши на какой-нибудь текст, и волшебным образом появится информация о шрифте.

Кто знал, что на сайте Rolling Stone в заголовках используется среда Паркинсона?

Если щелкнуть какой-либо текст при активном значении WhatFont, панель сведений о шрифте прикрепляется к этому тексту.Эта панель не только показывает название и размер шрифта, но также показывает алфавит шрифта и его цвет (в шестнадцатеричном формате) и даже позволяет вам твитнуть то, что вы нашли.

Чтобы узнать больше о шрифте с помощью WhatFont, щелкните текст, чтобы вызвать эту удобную панель.

Определить шрифт из изображения в Интернете

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

При этом пользователи Firefox и Chrome могут автоматически загружать изображения с помощью расширения WhatFontIs. После установки просто щелкните изображение правой кнопкой мыши и выберите «Использовать это изображение на WhatFontIs.com». Сайт WhatFontIs.com откроется в новой вкладке с вашим изображением, готовым к идентификации.

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

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

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

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

Как распознать шрифты на картинках

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

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

Bestmemes.com

Шаг 1: Найдите изображение с шрифтом, который вы хотите идентифицировать. Если изображение находится в сети, сохраните его на свой компьютер для получения наилучших / самых быстрых результатов (или используйте такую ​​программу, как SPGrab, для захвата раздела сайта / изображения).

Скриншот Николь Козма

Шаг 2: Откройте свой любимый веб-браузер и перейдите на сайт www.whatfontis.com.

Скриншот Николь Козма

Шаг 3: Нажмите кнопку «Обзор» на веб-странице и перейдите к изображению, которое вы сохранили на шаге 1. Если вы решили не сохранять его, введите URL-адрес изображения в поле ниже (с надписью «Или укажите URL-адрес»). с изображением).

Скриншот Николь Козма

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

Скриншот Николь Козма

Шаг 5: Нажмите кнопку «Продолжить», чтобы начать идентификацию.

Скриншот Николь Козма

Шаг 6: На следующей странице изучите отображаемые изображения (чем тщательнее вы будете, тем точнее будут ваши результаты). Каждый раз, когда вы можете идентифицировать выделенную букву, введите ее в текстовую область рядом с изображением.

Скриншот Николь Козма

Шаг 7: Нажмите кнопку «Продолжить» внизу страницы.

Скриншот Николь Козма

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

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

Представьте, что вы дизайнер-дизайнер, просматриваете веб-страницы в поисках подходящих гарнитур и вдруг сталкиваетесь с потрясающим шрифтом, который идеально подходит для вашего текущего дизайн-проекта.Но теперь вы отчаянно спрашиваете себя: как я могу распознать шрифт? Какое название у шрифта? Где я могу найти его? Шрифт бесплатный или нет? Не волнуйся! Есть несколько инструментов распознавания шрифтов, которые помогут вам решить эту проблему. Мы протестировали их и представляем лучшие программы, чтобы вы могли выбрать наиболее подходящий для ваших целей инструмент!

Типы средств проверки шрифтов

Существует три различных типа инструментов, помогающих идентифицировать шрифт. Если у вас есть изображение шрифта, такое как снимок экрана или фотография, вы можете использовать, например, «Font Matcherator» от Fontspring для анализа глифов.Такие инструменты извлекают глифы из материала изображения, которые затем распознаются автоматически или вручную.

Определить шрифты по внешнему виду намного сложнее. Но есть также программы, которые помогут вам с этой задачей: такие порталы, как identifont.com и linotype.com, задают вопросы о внешнем виде глифов различных шрифтов — букв, знаков препинания и других символов, а затем показывают возможные совпадения. Это лучше всего работает, когда у вас есть весь текст неуловимым шрифтом, который включает много разных букв.Потому что чем чаще вы выбираете «не уверен», тем менее вероятным становится совпадение. С другой стороны, такие инструменты можно использовать, когда вы уже имеете представление о том, как должен выглядеть ваш шрифт.

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

Распознавание шрифтов на основе изображений:

Fontspring Matcherator, WhatFontis.com и WhatTheFont

К наиболее известным идентификаторам шрифтов относятся Matcherator от Fontspring, das Portal WhatFontis.com и WhatTheFont от myfont.com. Matcherator от Fontspring претендует на звание ведущего инструмента распознавания шрифтов, но наши тесты пришли к другому выводу.

Примечания по использованию инструментов проверки шрифтов:

• Между шрифтом и фоном изображения должен быть максимальный контраст. Черный шрифт на белом фоне — идеальный вариант.
• Цветные изображения следует редактировать с помощью графического редактора, чтобы уменьшить цветность.
• Анализируемое изображение должно содержать только один шрифт. Обрезка полезна в этом контексте!
• Удалите неподходящие глифы, которые не распознаются автоматически анализатором глифов, чтобы предотвратить искажение анализа неправильными значениями.
• Шрифты, буквы которых связаны, трудно анализировать инструментами. Возможно, буквы удастся разделить с помощью графического редактора.
• Текст должен быть выровнен по горизонтали. Наличие нескольких строк не обязательно является проблемой.
• В идеале текст должен содержать только латинские буквы и цифры.

В нашем тесте WhatFontis.com, WhatTheFont и Fontspring Matcherator анализировали совершенно разные шрифты: шрифты с засечками (Times New Roman), шрифты без засечек (Helvetica Neue и Clear Sans) и декоративные шрифты, такие как бесплатные ретро-шрифты. «Метро Ретро» и «Плейбол». Наконец, мы пропустили логотип нашей компании через сканеры шрифтов.

Вот как работает анализ шрифтов в Fontspring:

Домашняя страница шрифта Fontspring
Matcherator Базовый режим Расширенный режим Результаты для Times New Roman

Взгляд внутрь процесса идентификации WhatTheFont:

Домашняя страница WhatTheFont Анализ глифов для Helvetica Neue Результаты для Helvetica Neue Результаты для нашего логотипа

Анализ в WhatFontis.

com:

Домашняя страница WhatFontIs Анализ глифов для Clear Sans Анализ частичных неправильных глифов для Playball Результаты для Playball

Результат наших тестов:

В частности, Fontspring Matcherator распознал множество глифов, но не дал ни одного совпадения. Но процент попаданий можно улучшить, выбрав вручную подходящие теги (например, «Art Déco» с соответствующим шрифтом Art Déco). WhatTheFont обеспечил совпадение в трех из шести случаев. Большим победителем в нашем тесте стал WhatFontis.com, который правильно определил все шрифты. Некоторые из правильных результатов даже заняли первые места в хит-листе.

Александру Куйбари, генеральный директор и основатель WhatFontis.com:

«Мы выполняем миллионы вычислений для каждого распознавания шрифтов»

WhatFontis.com определяет бесплатные и коммерческие шрифты с 2010 года. База данных портала в настоящее время содержит столько же как 190 000 различных шрифтов. Ежемесячно сайт посещают около 530 000 человек, и число их постоянно растет. Александру Куйбари, основатель портала, рекомендует комбинировать все три инструмента: «Ни одно программное обеспечение не способно распознавать все шрифты.Я сам пользуюсь всеми тремя сайтами. Если WhatFontis.com не предлагает подходящего предложения, возможно, Fontspring или WhatTheFont более успешны. Я считаю, что иметь несколько инструментов для идентификации шрифтов — это здорово ».

Identifont, Linotype и др. — Поиск и поиск шрифтов

Как распознавание шрифтов работает в таких шрифтовых инструментах, как Identifont? Вторая группа средств проверки шрифта просит человека, выполняющего поиск шрифта, предоставить несколько характеристик глифов шрифта, таких как засечки или нет, Q, A, M, a, J, P, 7, 4, R и т. Д.Вы можете использовать этот инструмент для идентификации шрифтов или для поиска шрифта, если вы уже имеете представление о том, как должен выглядеть ваш шрифт. Однако чем чаще вы нажимаете «не уверен», тем длиннее становится анкета. Кроме того, у этого инструмента есть трудности с распознаванием декоративных шрифтов.

Этот класс инструментов включает:

Использование закладок и надстроек для идентификации веб-шрифтов

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

Fount идентифицирует шрифты с помощью закладки

Fount включается при нажатии на закладку.

Детектор веб-шрифтов Fount совместим с браузерами Safari, Chrome, Firefox и Internet Explorer 8 (и выше). Щелкните закладку, чтобы активировать инструмент, и значок перекрестия заменит указатель мыши. Когда вы нажимаете на рассматриваемый текст, в правом верхнем углу браузера всплывает окно, в котором отображается шрифт, включая размер, вес и стиль.

«Поиск шрифтов» для Firefox

Надстройка браузера «Поиск шрифтов» анализирует веб-шрифты одним щелчком мыши.

Надстройка Font Finder работает немного иначе, чем инструмент Fount. В браузере найти сложно. Вы должны выбрать и щелкнуть правой кнопкой мыши текст, чтобы увидеть, что инструмент установлен и работает. «Font Finder» указан как самый нижний пункт меню. После нажатия «Анализировать выделение» надстройка веб-шрифтов отображает все свойства выделенного текста, такие как цвет шрифта, тип шрифта и интервал.

WhatFont как закладка и надстройка для Chrome и Safari

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

WhatFontis.com как надстройка для Chrome и Firefox

Надстройка победителя WhatFontis.com доступен (Chrome и Firefox) для непосредственной отправки изображений из Интернета на анализ WhatFontis. com: щелкните изображение правой кнопкой мыши и выберите «Использовать это изображение на WhatFontis.com» или «Использовать это изображение на WhatFontis.com (инвертировать цвета) »(для светлых тонов на темном фоне). Откроется новая вкладка, и начнется анализ глифов. Этот метод работает только с графически уменьшенными изображениями, которые в основном содержат текст. В противном случае у инструмента будут проблемы с производительностью.

Инструменты позволяют решать различные проблемы со шрифтами — будь то веб-шрифт, декоративный шрифт, OpenType, бесплатный или коммерческий.Эти средства проверки шрифтов вносят свет в темноту.

ocr — Как определить шрифты на изображении?

ocr — Как определить шрифты на изображении? — Суперпользователь

Сеть обмена стеков

Сеть Stack Exchange состоит из 176 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.

Посетить Stack Exchange

2. 0

3. +0

6. Авторизоваться
   Подписаться

Super User — это сайт вопросов и ответов для компьютерных энтузиастов и опытных пользователей.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил
11 лет, 7 мес назад

Просмотрено
41k раз

Закрыто. Вопрос не по теме. В настоящее время он не принимает ответы.

Хотите улучшить этот вопрос? Обновите вопрос, чтобы он был по теме для суперпользователя.

Закрыт 5 лет назад.

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

Позволит ли мне это сделать пакет OCR?

Если нет, то какие еще варианты у меня есть?

Slhck

3,151 11 золотой знак 33 серебряных знака 33 бронзовых знака

Создан 03 авг.

Робин РодриксРобин Родрикс

2,1555 золотых знаков3434 серебряных знака5050 бронзовых знаков

1

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

Эти утилиты нельзя использовать для определения форматирования текста в изображении.Однако вы можете использовать программы OCR, такие как Tesseract (с открытым исходным кодом) и Smart OCR (коммерческие, начиная с 99,90 долларов США), чтобы определять форматирование, такое как выравнивание абзацев и межстрочный интервал, а также стили шрифтов, такие как полужирный или курсив (см. вопрос). Обратите внимание, что некоторые программы OCR могут также пытаться идентифицировать шрифт (ы) в изображении.

Создан 03 авг.

Джон РудиДжон Руди

3,36711 золотых знаков2626 серебряных знаков3030 бронзовых знаков

2

Существует еще одно настольное решение: Find my Font (я разработчик этого решения)

• Создает базу данных всех шрифтов локального ПК (установленных или нет).
• Он создает индекс в этой базе данных: Скорость распознавания составляет около 5 000 000 шрифтов / мин.
• На этой скорости вы можете выполнить поиск в базе данных из 200-300000 шрифтов примерно за 10-20 секунд
• Вы можете распознать шрифты, которые искусственно выделены жирным / курсивным / расширенным / сжатым шрифтом
• Вы можете горизонтально расположить текст изображения или разделить связанные буквы сценария
• Вы можете выбрать цветные буквы вне цветного фона без внешней обработки изображения
• Текущая версия (3. 0) может соответствовать также шрифтам, которых у вас нет на вашем компьютере, используя ссылку на внешнюю базу данных сопоставления из 40 000+ шрифтов

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

Slhck

3,151 11 золотой знак 33 серебряных знака 33 бронзовых знака

Создан 09 мая ’12 в 5: 592012-05-09 05:59

Фивос

5111 серебряный знак11 бронзовый знак

0

Конечно, есть еще 2 «настольных» способа, у меня была та же проблема, потому что мои клиенты всегда присылали мне невозможные работы или у них было желание добавить что-то своим «собственным» шрифтом. Итак, я нашел два способа:

1. FontExpert 3.0 от fontexpert.de — но я не уверен, продают ли они этот продукт больше. Он поставляется со своей собственной базой данных, а также может создавать базу данных ваших собственных шрифтов. Это утомительная задача, так как вам нужно сначала установить все шрифты, а затем FontExpert проверит каждый шрифт и создаст свою собственную базу данных. Отлично работает (читается — очень быстро), вы можете выбрать почти все символы (по крайней мере, английскую кодовую страницу, прописные и строчные буквы) и числа, а также предлагает альтернативы для поиска.На момент покупки (около 2004 г.) он был полностью оправдан — его 199 евро. Конечно, я до сих пор им пользуюсь и постоянно добавляю шрифты в свою коллекцию. У меня более 70 000 шрифтов, и кажется, что FontExpert имеет ограничение в 10 000 шрифтов для таких «частных» коллекций шрифтов. Поэтому я просто копирую / вставляю в новую папку полную программу и создаю новую коллекцию … Попробуйте http://www. qbf.de/e/index.html, поскольку Quick Brown Fox GmbH был автором FontExpert, и посмотрите, не вы все еще можете получить это. Это действительно спасатель, так как он сразу же скажет вам, есть ли у вас уже нужный шрифт.

2. FontMatch от stretchout.com имеет аналогичную функциональность, но он не создает базу данных, поэтому он будет искать по всем вашим шрифтам, и, насколько я мог видеть на их веб-странице, программа работает следующим образом: она загружает шрифт в память , сравните символ и выгрузите шрифт. Я бы не стал этого делать со своей огромной коллекцией …

Надеюсь, вы найдете здесь что-нибудь полезное …

Создан 06 окт.

Высокоактивный вопрос . Заработайте 10 репутации, чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов.

Суперпользователь лучше всего работает с включенным JavaScript

Ваша конфиденциальность

Нажимая «Принять все файлы cookie», вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в ​​отношении файлов cookie.

Принимать все файлы cookie

Настроить параметры

.