Как распознать шрифт на картинке онлайн
Бывают ситуации, когда шрифт на изображении приглянулся и хотелось бы знать его название, вдруг пригодится в дальнейшем. И это возможно. Но как определить шрифт по картинке онлайн? Так как количество самых разнообразных шрифтов огромное, найти понравившийся вручную будет очень тяжело, а то и нереально. Специально под такие запросы созданы сервисы на просторах интернета, которыми может воспользоваться любой желающий.
Как узнать шрифт по картинке
Как мы уже поняли, чтобы распознать понравившийся шрифт, когда есть только изображение, нужно воспользоваться интернет-сервисом. На сайте, предоставляющем такую возможность, загружаем наше изображение со шрифтом. После его полной загрузки иногда может потребоваться дополнительная информация, то есть уточнение изображения. В такой ситуации, в появившемся текстовом поле необходимо вручную ввести все буквы. Теперь нужно нажать на кнопку поиска и немного подождать. Сервис проанализирует всю базу шрифтов и найдет похожие, из которых вы уже самостоятельно сможете выбрать.
Стоит отметить, что всегда присутствует риск, что шрифт распознать не получится. Произойти такая неприятность может, если буквы на изображении сливаются друг с другом, а также из-за низкого качества картинки и маленького размера изображения.
Все сервисы по распознаванию шрифтов работают по одной аналогичной схеме — загрузка изображения — поиск — результат.
Лучшие сервисы для распознавания шрифта
Когда вам понравился определенный шрифт на изображении, его хочется найти как можно скорее. Зачем тратить время на поиск сервисов, которые помогут определить шрифт, когда мы собрали несколько лучших в одном месте? Запоминайте и пользуйтесь, когда это понадобится.
WhatTheFont
Англоязычный сервис, являющийся одним из самых популярных в интернете.
Для начала необходимо пройти простую процедуру регистрации на сайте WhatTheFont.
Когда аккаунт уже есть, можно загружать файл и начинать распознавание шрифта в режиме онлайн.
В процессе поиска вам высветится изображение, вам нужно будет понять, верно ли сервис распознал буквы на изображении. Если да, тогда сайт продолжит поиск, если нет, вам нужно будет самостоятельно внести корректировки.
После удачного поиска, сервис предложит вам скачать на компьютер найденные шрифты.
IdentiFont
Еще один не менее популярный сайт, который распознает шрифты онлайн. Как и первый, IdentiFont хвалят пользователи интернета за быстрый поиск шрифта по предоставленному изображению. Отличительное преимущество данного сервиса заключается в том, что поиск здесь можно осуществлять даже если у вас нет изображения со шрифтом, но вы помните, как он выглядит. В таком случае вам предстоит ответить на несколько вопросов, где нужно указать все максимально точно. Возможно, это не самый удобный способ, но он выручает, когда других вариантов нет. Также, у сервиса есть и еще одна приятная особенность. Поиск шрифтов можно осуществлять даже по характеристикам, частичному названию или по дизайнерам, которые их разрабатывали.
WhatFontIs
Сайт WhatFontIs включает в себя огромную, обширную базу знаний. Здесь собрано 550 000 как бесплатных, так и коммерческих шрифтов.
Поиск нужного шрифта можно искать не только по загруженному изображению, но и по ссылке, указывающей на приглянувшийся шрифт.
В процессе поиска задействованы алгоритмы искусственного интеллекта, который в результате сможет выдать около 50 решений. Уже исходя из полученных результатов пользователь подберет то, что ему нужно.
Fontspring Matcherator
Интернет-сервис под названием Fontspring Matcherator имеет более широкий спектр функций, которые отсутствуют у его конкурентов. У него имеются специальные теги, благодаря которым можно сократить итоговые результаты поиска. Представленные на сайте материалы доступны для покупки, если это необходимо. Для работы необходимо:
- Перейти на официальный сайт Fontspring.com.
- Теперь кликните на «Upload image» для загрузки изображения.
- Выделите шрифт на картинке, который нужно найти.
- Чтобы совершить поиск, нажмите на кнопку «Matcherate It!».
- Вы получите список с результатом.
Простой сервис для определения шрифтов в интернете по изображений.
Заключение
Интернет собрал огромное количество разных сайтов. Все они имеют свой дизайн. Иногда оформлением сайта можно действительно любоваться. Немалую роль играют и шрифты. И если он понравится, то появится желание найти его и позже использовать и своих целях. Именно для этого и существуют сервисы, позволяющие определить шрифт по картинке онлайн. Все они работают по одной схеме, но каждый из них имеет свои отличительные черты и особенности. Вы можете опробовать несколько из них, а после решить, какой понравился больше, а также добавить в закладки браузера, чтобы не потерять.
Оценка статьи:
Загрузка…Распознавание русского шрифта онлайн | Mannodesign.com
По запросу «Распознавание русского шрифта онлайн» ко мне все чаще и чаще заглядывают в последнее время. Ну что ж, тема весьма актуальная. Сама не раз сталкивалась с необходимостью найти русский шрифт, увиденный на картинке. Бывает, что заказчик предоставляет свое лого с русским шрифтом, но естественно, он совершенно не знает, что это за шрифт. Хорошо, если исходники сохранились, но это редкость. И поиск шрифта по картинке превращается в безуспешное рытье Интернета.
Я уже как-то рассказывала про Онлайн инструменты для распознавания шрифта. К сожалению, буржуйские сервисы не умеют распознавать русские шрифты. И в действительности онлайн инструментов для распознавания русского шрифта пока не существует.
Для себя я нашла достаточно простой и вполне рабочий способ распознавания русских шрифтов.
Дело в том, что наши дизайнеры практически не заморачиваются созданием оригинального шрифта, а используют те, что уже есть. Поэтому достаточно зайти на любой сайт с коллекцией русских шрифтов и поискать требуемый шрифт просто по ключевым характеристикам: с засечками, без засечек, рукописные, ретро, гранж и т.п.
Вот несколько таких сайтов с коллекциями русских шрифтов:
xfont.ru
fontov.net
fonts.by
fonts2u.com
nifa.ru
В большинстве случаев, найти идентичный шрифт не составляет особого труда. Хотя порой приходится постараться.
А вы думали, все так просто? 🙂
Еще вариант — использовать те же буржуйские сервисы WhatTheFont и WhatFontiS.com, про которые я рассказывала ранее. Берем с картинки только те буквы, которые есть и в латинице: о, т, у, р, в, м, н, у, х, а, с. И вводим их на латинице в указанных сервисах. Бывает, что таким образом можно найти нужный шрифт, а потом уже по его названию можно поискать такой же на кириллице.
UPD 02.03.2015: Нашла один русскоязычный сервис по распознаванию кириллических шрифтов FontDetect Online. К сожалению, на сегодняшний день он, как онлайн сервис, не работает. Можно лишь скачать прожку, которая будет искать шрифт по картинке среди указанных вами же шрифтов. Но зато там есть тусовка, где народ кидает вопросы с картинками и получает ответы. Так что можно порыться среди ответов и найти что-то полезное.
Не знаете, что выбрать? Прочитайте статью «Я не знаю, чего я хочу».
Как определить шрифт
Здесь мы собрали самые удобные сервисы и приложения для идентификации шрифтов. Сохраните эту статью себе в закладки и вы с легкостью сможете узнать название любого шрифта!
Дизайнеры часто сталкиваются с необходимостью узнать, каким шрифтом написан тот или иной текст. Перебор всей имеющейся коллекции шрифтов в поисках совпадения — далеко не самый удобный способ. Кроме того, нужного шрифта может просто не оказаться. Конечно, можно обратиться за помощью на тематические форумы, где другие дизайнеры смогут подсказать название шрифта. Только вот ждать ответа придется неделями. А если ждать некогда? Что же делать тогда?
На самом деле все просто. Воспользуйтесь этими ресурсами и вы сможете узнать название шрифта буквально за пару минут, а может даже быстрее!
Online-сервисы
WhatTheFont
WhatTheFont — объективно лучший сервис для идентификации шрифтов по картинкам. Просто загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, и жмете на большую зеленую кнопку. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Сервис удобен еще и тем, что найденный шрифт можно сразу же купить.
Для тех, кто ищет шрифты постоянно и в любых условиях, есть мобильное приложение для iPhone и Android. Можно просто сфотографировать шрифт и тут же узнать его название. Очень удобно!
IdentiFont
На этом сервисе можно искать шрифт, если у вас нет его изображения, но вы помните, как он выглядит, и сможете указать его характеристики, отвечая на ряд вопросов. Не сказать, что это самый удобный способ, но если другого варианта нет — вполне можно найти то, что нужно! Создатели сервиса предлагают разные варианты поиска шрифтов: по названию (частичному), по шрифтовым семьям, по символам и даже по дизайнерам, которые их разрабатывали.
Whatfontis
What Font is — онлайн-сервис идентификации шрифта по картинкам. Во многом похож на WhatTheFont, но стоит добавить в закладки, на всякий случай.
Приложения и расширения для браузеров
Помимо вышеперечисленных онлайн-сервисов, существуют их аналоги в виде расширений для браузеров. Их плюс в том, что не нужно каждый раз открывать новую вкладку, чтобы узнать каким шрифтом сделана та или иная надпись на сайте. Достаточно просто активировать расширение.
FontFaceNinja
Бесспорный лидер на данный момент. FontFaceNinja дает возможность не только узнать название любого шрифта на сайте (не картинки), но и попробовать его написание здесь же на сайте, а также (внимание) скачать понравившийся шрифт! Конечно, авторы предупреждают, что шрифты скачиваются исключительно для ознакомления.
Помимо красоты и удобства этого расширения есть еще один приятный момент. В FontFaceNinja есть волшебная кнопка (маска), которая скрывает всю рекламу со страницы, позволяя наслаждаться исключительно шрифтами. Скачать расширение можно совершенно бесплатно. Работает с Chrome и Safari.
Whatfont tool
Расширение для Chrome и Safari, которое поможет узнать названия шрифтов в браузере. Показывает достаточно подробную справочную информацию по интересующему шрифту, включая шрифтовую семью, размер и высоту строки.
Fount
Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.
Апгрейд личных навыков распознавания шрифтов
Каждому хочется быть крутым дизайнером, который знает не только все существующие шрифты по названиям и семьям, но еще может перечислить разработчиков и рассказать истории создания. Конечно, такие навыки — это бесспорный талант. Но немного улучшить свои знания вполне реально. Вот несколько игр и инструментов, которые помогут вам в этом.
Font Trainer
Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.
The Font Game HD
Это приложение в буквальном смысле играючи поможет выучить названия и начертания шрифтов. Есть разные режимы игры, интересные задания и статистика ваших достижений. Из минусов стоит отметить, что приложение платное и только в AppStore.
Потренировались? Пора проверить свои знания!
Простой и красивый тест, о котором мы отдельно писали в блоге. Сможете ли вы определить 10 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!
Напишите нам, если вы знаете еще какие-то удобные сервисы или приложения для идентификации шрифтов. Будем рады вашим комментариям! И поделитесь ссылкой на эту статью с друзьями. Пусть их жизнь тоже станет чуточку проще 🙂
Related
Онлайн инструменты для распознавания шрифта
Часто бывает так, что на картинке видишь замечательный шрифт, и сразу возникает желание заполучить его в свою коллекцию. Но как определить, что это за шрифт? Ведь это всего лишь картинка. В коде веб-страницы его не найти.
Я для себя давно нашла парочку онлайн сервисов, позволяющих распознать шрифт на картинке. На самом деле таких сервисов существует множество. Есть даже специальные тусовки. На flickr-е, например. Но мне удобнее пользоваться лишь двумя. Это WhatTheFont и WhatFontiS.com.
WhatTheFont — это сервис от старейшего и, пожалуй, наиболее известного сайта, торгующего шрифтами — myfonts.com. Второй — просто удобная онлайн-машина для определения шрифта. Принцип работы у них схож, хотя нюансы иногда различаются. Картинку можно подхватить со своего компа, либо указать адрес картинки в Интернете. Далее нужно помочь сервису в определении букавок.
Возьмем для примера вот такую картинку:
Вот что выдал WhatTheFont после загрузки картинки:
Буквы, которые распознал сервис, выделены черным цветом. В окошках либо уже есть распознанные буквы, либо нужно самостоятельно проставить их с учетом регистра. Как видите, иногда сервис ошибается: две буквы ss он определил как n. Здесь нужно просто исправить ошибку, то есть удалить неправильную букву.
Далее нажимаем кнопку Continue и… ничего не находит этот сервис 🙁 Будем пробовать со вторым. Точно также загружаем картинку с компа:
Здесь сервис вообще не подставил ни одной распознанной буквы, но зато более точно выделил их на картинке. Проставляем в соответствующих окошках нужные буквы, не забывая про регистр, и жмем кнопку Continue. Пролистываем выданный список шрифтов. Вуаля!
Сервис справился на отлично! Кроме того, здесь наша картинка всегда висит справа внизу экрана и позволяет очень легко сравнивать выданные шрифты с оригиналом. Так что рекомендую!
Читайте также: Распознавание русского шрифта онлайн.
В этой статье мы рассмотрим несколько ресурсов, которые могут помочь вам в идентификации понравившегося шрифта.
Конечно, нельзя рассчитывать, что эти источники дадут вам 100 процентную уверенность в том что вы найдете нужный шрифт, но что помогут, так это точно.
What The Font?!
Graphic Design Blog полезный ресурс, но может помочь лишь в том случае, если вы знаете имя дизайнера или студию, создавшего шрифт. Список студий и дизайнеров весьма обширный и поиск шрифта в разы упрощается. Но, что делать, если вы видите шрифт в первый раз?
What The Font — известный ресурс, который поможет найти шрифт по загруженной картинке.
Могу сказать, что получаются довольно-таки неожиданные результаты.
Шаг 1: Загрузите картинку. Если картинка с фоновым шумом или с недостаточным контрастом, будь добры потратить несколько минут в Photoshop, что бы довести картинку до ума.
Шаг 2: После загрузки картинки, проверьте, что What The Font правильно определил глифы, и лишь после этого жмите «поиск».
Вкратце, ГЛИФ — это графический образ знака. Один знак может соответствовать нескольким глифам; строчная «а», капительная «а» и альтернативный вариант строчной «а» с росчерком являются одним и тем же знаком, но в то же время это три разных глифа (графемы).
С другой стороны, один глиф также может соответствовать комбинации нескольких знаков, например лигатура «ffi», являясь единой графемой, соответствует последовательности трех знаков: f, f и i. Т.о. для программы проверки орфографии слово suffix будет состоять из 6 знаков, а графический процессор выдаст на экран 4 глифа.
Сначала я загрузил эту картинку:
В результатах поиска, What The Font мне выдал 24 варианта. К чести What The Font могу сказать, что некоторые шрифты из списка были похожи на Adobe Garamond Pro.
Но я загрузил маленькую картинку.
Увеличив размер картинки (максимум 360 на 275 пикселей), список резко сократился:
Minion Regular Small Caps & Oldstyle Figures
Minion Regular
Adobe Garamond
Где, как вы видите, нашелся и правильный шрифт (хотя не совсем точно, между Adobe Garamond и Adobe Garamond Pro, все-таки разница, хоть и небольшая, но есть), если бы я увеличил размер картинки еще больше, то идентификация прошла бы успешно, но мне уже было лень проверять.
Если же What The Font не смог определить шрифт, то Вам в помощь его форум, местожительство шрифтовых гурманов, где вам обязательно помогут с поиском.
Typophile
Отличное сообщество, огромное количество ресурсов, блогов, новостей связных с типографской культурой. Есть даже typography Wiki.
Да, у Typophile нет автоматического идентификатора шрифтов, но зато имеющееся сообщество поможет Вам гораздо лучше, чем какая-то программа.
FontShop
Еще один отличный сайт по типографике. Одно название говорит, само за себя. Обширный контент, блог, часто обновляемые новости и обзоры.
Подход Fontshop в определении шрифта оригинален: сначала вы определяете общую форму шрифта, затем по нарастающей, вы отвечаете на все более сложные вопросы.
Это сервис хорош, не только как инструмент, который помогает идентифицировать шрифт, но и как отличное подспорье для поиска подходящих для вашего проекта шрифта.
Identifont
Это сайт, дает новый поход к поиску с относительным результатом. Identifont задает вопросы, по типу «Имеют ли буквы серифы?» или «Какой формы серифы?»
После этого, Identifont постарается дать ответ на основе заданных вопросов.
Да, конечно, определить неизвестный шрифт нелегко. Никто наверняка не знает, сколько шрифтов было создано за всю историю типографики. Как бы то ни было, он точно есть среди сотни тысяч шрифтов.
Процесс поиска нужного шрифта нельзя назвать бесполезным. Во время поиска, Вы найдете массу интересного не только по какому-то определенному шрифту, но в целом по его собратьям.
Хотя, это уже философия, так как это правило можно применить к любому делу.
Удачного поиска!
Вольный и упрощенный перевод статьи — Identify That Font.
В последних выпусках Photoshop CC появилась новая функция шрифтов под названием Match Font, о которой вы, возможно, не знаете.
В этом видео я покажу вам, как Photoshop может помочь вам найти отличные шрифты для вашего дизайна, найдя шрифты на изображении или фотографии.
Вот несколько фотографий, которые я сделал на днях, когда меня не было дома.
Я собираюсь попытаться определить шрифт на этой фотографии. Я мог бы попытаться найти этот шрифт в моих существующих шрифтах, которые у меня уже есть в Photoshop, просмотрев их, но у меня установлены тысячи, и это может занять очень много времени.
Вместо этого, если у меня есть фотография с латинским шрифтом, например, английским, мы можем использовать новую функцию соответствия шрифтов в Photoshop, чтобы идентифицировать шрифт на фотографии.
Для начала откройте изображение в Photoshop, выберите инструмент «Прямоугольная область» на панели инструментов и перетащите, чтобы выбрать область изображения, содержащую текст.
Затем выберите Type, Match Font. Фотошоп показывает мне возможные совпадающие шрифты, которые я уже установил на своем компьютере, и выполняет поиск в библиотеке Typekit и определяет шрифты, доступные для вашего уровня подписки Creative Cloud, так что даже если у вас не установлен шрифт, вы можно щелкнуть этот маленький значок облака в диалоговом окне «Соответствие шрифту», чтобы синхронизировать шрифт вашего компьютера.
Чтобы использовать это, плотно обрежьте текст, который вы хотите идентифицировать, и обратите внимание, что вы можете отрегулировать или переместить выделение в другую часть изображения, чтобы идентифицировать другие шрифты.
Я выберу этот шрифт Quimby и нажму OK. Теперь я буду использовать шрифт, идентифицированный Photoshop, Quimby, чтобы добавить текст к этому дизайну. Там, я думаю, этот шрифт работает хорошо.
Теперь вы знаете, как найти шрифты в Photoshop CC с помощью Match Font. Чтобы узнать другие темы о типографии, такие как добавление иллюстративных элементов и графики, а также использование 3D-эффектов Photoshop для таких вещей, как выдавливание текста, ознакомьтесь с другими учебными пособиями в Adobe.ком.
Вы можете сопоставить шрифты, которые появляются на ваших изображениях или фотографиях, с помощью функции «Совместить шрифты» в Adobe Photoshop. Узнайте, как найти существующие шрифты, соответствующие выбранному тексту, или загрузите новые подходящие шрифты с помощью Typekit.
- Откройте изображение в Photoshop и выберите инструмент Rectangular Marquee Tool. Используйте этот инструмент, чтобы выбрать область изображения, содержащую текст, который вы хотите сопоставить.
- На панели инструментов выберите «Текст»> «Соответствие шрифту».
- Выберите из подходящих шрифтов, уже установленных на вашем компьютере, или загрузите их с Typekit, нажав значок облака.
- Теперь добавьте текст к изображению, используя соответствующий шрифт.
Если вы когда-нибудь задумывались, как узнать, какие шрифты использует веб-сайт, ответ так же прост, как открыть инспектор браузера. Поскольку каждый элемент веб-сайта интерпретируется в вашем браузере, если вы знаете, как правильно использовать инспектор браузера, вы можете определить шрифты, изображения, свойства CSS и все остальное на странице.
В этом видео-демонстрации мы покажем, как использовать инспектор браузера Chrome, чтобы найти, какие шрифты использует веб-сайт, и даже как начать играть с этими шрифтами на странице, отдельной от этого сайта.
Вот видео-демонстрация:
И вот текстовое резюме:
Как узнать, какие шрифты использует веб-сайт
- Откройте инспектор браузера. В Chrome или Firefox вы можете сделать это, щелкнув правой кнопкой мыши и выбрав «Осмотреть». Ctrl + Shift + I (Windows) или Cmd + Shift + I (Mac) также должны работать.
- Перейдите к элементу, шрифт которого вам интересен. Вы можете сделать это, либо нажав «Проверить» на самом элементе, либо перейдя к элементу в объектной модели документа (DOM) инспектора браузера, его карте элементов Nexted HTML, составляющих сайт.(Обратите внимание на то, какие разделы страницы выделяются при перемещении по DOM.)
- Как только вы найдете нужный элемент, перейдите на вкладку «Вычисленные» в Инспекторе и прокрутите вниз до семейства шрифтов
Опять же, в дополнение к тому, чтобы помочь вам определить, какие шрифты использует веб-сайт, инспектор браузера может позволить вам проводить все виды экспериментов на любой из вкладок вашего браузера. Для получения дополнительной информации см. Видео выше, см. Наше другое Краткое руководство по использованию инспекторов браузера и прочитайте нашу полную статью об инструментах разработчика Chrome и инспекторе браузера Chrome.
Как узнать, какие шрифты используются на веб-сайтах с изображениями
Еще одна особенность: что если вы хотите увидеть, какой шрифт используется для изображения ? Например, вам может быть интересно, какие шрифты используются в логотипе сайта или в инфографике. В этом случае ваш инспектор браузера не поможет.
Для этого есть замечательная вещь, она называется Font Squirrel Matcherator. Вы можете прочитать немного больше о Matcherator в нашей ссылке на него, но вот основы использования Matcherator для идентификации шрифтов в изображении:
- Загрузите изображение с сайта (используя правый клик> «Сохранить изображение как» Или другим способом) и загрузите его в интерфейс Matcherator.
- Используйте синее поле выбора, чтобы выбрать часть изображения, шрифт которого вы хотите проанализировать. (Вы должны увидеть, как программа начинает расставлять маленькие «квадраты» вокруг вещей, которые она определяет как символы шрифта.)
- Нажмите «Сопоставить!»
Результаты должны дать вам шрифты, которые очень близко соответствуют выбранному тексту. Если вы подозреваете, что это не точное совпадение с , то вы можете продолжить поиск в Google: например, если возвращенный результат был Adagio Slab, поищите в Google «Шрифты, похожие на Adagio Slab» и посмотрите, что произойдет.Подобные списки шрифтов от whatfontis.com кажутся особенно полезными.
Спасибо за прочтение и узнайте, какие шрифты есть на сайте!