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

 Есть собственные плагины и у популярных ресурсов – например, разработчики ресурса WhatTheFont создали дополнение Whatfont Tool для Хрома и Сафари, а у IdentiFont есть расширение с таким же названием. 

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

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

Для этого стоит обратиться на такие форумы или сообщества:

• Type&Typography на Facebook;
• форум сервиса MyFonts;
• Typophile – одно из крупнейших сообществ по шрифтам, где можно задать вопросы, размещая картинку на их форуме.

Рис. 14. Популярные темы на форуме сервиса Typophile, посвящённые распознаванию шрифтов.

Получить информацию по шрифтам можно и на сообществах популярного ресурса Flickr – например, Typeface Identification или Fonts in Use.

Первая группа посвящена распознаванию наборов символов.

Второй форум содержит популярные варианты шрифтов, хотя определять их придётся самостоятельно.

Выводы

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

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

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

geek-nose.com

7 бесплатных сервисов распознавания шрифтов

Итак, Вы просматриваете Ваш любимый ресурс и находите на нем сайт, использующий красивые шрифты которые Вам нравится. Вы тоже хотите такой шрифт (и чем быстрее, тем лучше!)… и что же нужно сделать, чтобы узнать название этого шрифта? Звучит знакомо? Да, мы все бывали в подобных ситуациях.

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

1. What The Font

Cервис What The Font создан одним из крупнейших поставщиков шрифтов (myfonts.com, — прим.перев). Это ресурс №1 в Вашем списке идентификаторов шрифтов. Просто загрузите картинку со шрифтом, который нужно идентифицировать, на сервер WTF (делаете скриншот и вырезаете слово с понравившимся шрифтом, — прим.перев) или вставьте ссылку на изображение шрифта в специальную строку. Система покажет Вам в результатах различные варианты шрифтов.

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

Identifont

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

Разработчики сервиса утверждают, что это «крупнейший независимый ресурс по шрифтам в Интернете, содержащий информацию о шрифтах от 534 издателей и 143 продавцов».

Message Boards: Typophile

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

Bowfin Printworks

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

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

TypeNavigator

TypeNavigator создан разработчиками Fontshop. Он использует те же принципы работы, что и Bowfint, т.е. задает вопросы о форме каждой буквы.

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

Flickr Typeface Identification

На популярном фотохостинге Flickr есть группа typeid (Flickr Typeface Identification), посвященная идентификации шрифтов, и группа Fonts in Use, где выкладываются шрифты, использующиеся в разных картинках (логотипах, надписях, плакатах и пр., — прим.перев). Эти сервисы могут быть полезны для получения быстрой справки о шрифтах.

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

Списки шрифтов

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

The Logos of Web 2.0

Just Creative Design

Smashing Magazine

Urban Fonts

P.S. От себя лично и читателей Дизайн Мании хочется поблагодарить проект МногоЛого за эту подборку действительно полезных в работе сервисов. Оригинал статьи находится на сайте Webdesign Deport. Подчас именно от шрифтов в дизайне сайта многое зависит. Чаще всего используются, конечно, стандартные наработки, но с развитием интернета, HTML5, сервисов шрифтов постепенно дизайнеры обращают внимание и на другие возможности оформления текстов.

P.P.S. Хотите стать радиоведущим? Всегда мечтали работать на радио? — тогда курсы радиоведущих в киеве то, что вам нужно, узнаете и получите весь необходимый объем знаний.
Если вас всегда привлекал необычный цвет глаз, то можно использовать цветные контактные линзы которые доступны для заказа в интернет магазине ЛинзМастер.

design-mania.ru

Как определить шрифт по картинке. 3 Способа распознавания шрифтов.

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

3 способа определить шрифт на картинке, с помощью сервиса WhatTheFont.

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

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

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

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

И заключительный вариант — воспользоваться приложением для айфонов, айпадов и айподов, тогда даже без доступа к компьютеру, ваш смартфон выручит вас. К примеру, в каком-то печатном журнале, газете или на рекламном щите вам приглянулся шрифт, остается его только сфотографировать. Найти приложение можно в библиотеке приложений  iTunes, введите в поиск «WhatTheFont». Для использования программы, нужен доступ к интернету с телефона.

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

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

web-profy.com

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

Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке».

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

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

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

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

В качестве примера давайте определим шрифт в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.

Я сделал скриншот лого и загрузил картинку в таком виде:

Как видите, фон шрифта даже не контрастный, хотя это тоже желательно условие (черное на белом либо белое на черном).

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

На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!

К сожалению, WhatTheFont имеет несколько недостатков:

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

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

P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям ).

webtous.ru

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

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

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

WhatFontIs

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

Итак, чтобы воспользоваться WhatFontIs с целью найти шрифт по картинке, сохраните изображение с понравившимся начертанием или сделайте скриншот страницы и вырежьте нужный фрагмент. Проследите, чтобы картинка была в формате jpg, png или gif и не превышала 1,8 мб. Теперь следуйте инструкции.

1. Загрузите изображение на сайт.

Совет: вместо того, чтобы загружать картинку, в нижнем поле можно вставить ссылку на неё.

1. Если фон на картинке темнее шрифта, не забудьте указать это, поставив маркер в нужной строке. Нажмите кнопку Сontinue.
2. На открывшейся странице вас попросят ввести символы, которые определил ресурс. Если сервис распознал букву верно, пропишите её в поле справа от изображения. Если нет, оставьте его пустым.
3. Прежде, чем получить результат, можно отфильтровать его на только бесплатные или только платные шрифты. Снова кликните по Сontinue.
4. Отыщите наиболее похожий шрифт из списка предложенных. К слову, не забудьте зарегистрироваться, иначе ресурс не покажет вам названия найденных шрифтов.

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

WhatTheFont

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

1. Загрузите изображение шрифта и нажмите кнопку Сontinue. Требования к картинке здесь те же, что и на WhatFontIs, но размер файла допускается до 2 мб.
2. Этот сервис и определит, и сам пропишет нужные буквы. Вам останется лишь проследить за тем, чтобы он сделал это правильно. Снова кликните по Сontinue.
3. Вот так выглядят результаты поиска:
4. Удобство WhatTheFont в том, что здесь можно сразу приобрести найденный шрифт. Однако цены тут кусаются, так что попробуйте отыскать нужный шрифт (условно-бесплатный) в нашем каталоге – http://office-guru.ru/fonts.

Мобильное приложение WhatTheFont

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

В действительности способов, которые помогут определить шрифт онлайн, больше, чем два. Например, есть сервисы, которые вместо того, чтобы распознать шрифт по картинке, зададут вам тысячу и один вопрос о том, как выглядит искомое начертание (http://www.identifont.com/). Существуют и ресурсы, которые даже могут натренировать ваш глазомер так, что вы не хуже машины сможете распознавать множество шрифтов (http://ft.vremenno.net/en/). Однако WhatTheFont и WhatFontIs – пожалуй, самые удобные и популярные площадки для этой цели.

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

Оцените качество статьи. Нам важно ваше мнение:

office-guru.ru

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

Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?». Например, вы нашли какой-либо PSD файл, а в нем был встроен некий красивый шрифт с тестовой записью. Понятное дело, нам нужно эту запись отредактировать, но только фотошоп пишет уведомление, что такой шрифт не установлен в общей библиотеке и в случае изменения текста он будет потерян. Но нам нужен именно этот шрифт, так как он идеально вписывается в общую концепцию этого PSD файла. Тут-то и задаемся вопросом: где найти шрифт? Кстати, рекомендую ознакомиться с основными принципами и возможностями работы со шрифтами и инструментом Текст в фотошопе. Уверен, вы найдете много полезного и нового для себя.

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

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

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

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

Потестив несколько таких сайтов, причем искал я один и тот же шрифт с картинки, я пришел к выводу, что самый удобный и эффективный сайт — это Whatfontis. Остальные сильно и часто ошибаются в своей выдаче. 

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

Открываете сервис.

Сначала определите каким способом вы хотите воспользоваться.

1. Нажав на кнопку Browse, выберите нужную картинку. Мой пример:

2. Укажите url-адрес к этой картинке, в случае, если она находится у вас не на компьютере, а где-то висит на просторах интернета.

Затем кликаем на Continue.

Примечание

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

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

Как видите, программа сама распознала где буквы и разделила их по отдельности. Затем она просит вписать в соответствующие поля каким буквам на клавиатуре соответствуют данные картинки.

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

1. Display only free fonts or free alternative fonts. Галочка здесь означает, что поисковая выдача будет содержать только бесплатные аналоги.

2. Display only commercial fonts or commercial alternative fonts — здесь наоборот — только платные аналоги.

3. Display all fonts — отобразятся сразу все возможные шрифты.

Выбрав нужную галочку, жмите на Continue.

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

Как видите, подходящий для меня вариант отображен самым первым под названием «SummerCrushes». Я кстати поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я могу с легкостью нажать на «Click here to download the font», чтобы скачать шрифт который я определял по картинке.

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

Заметили ошибку в тексте — выделите ее и нажмите Ctrl + Enter. Спасибо!

psand.ru