Как определить русский шрифт по картинке: определить русский шрифт по картинке — Графика — СофтФорум

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

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

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

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

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

Identifont

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

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

Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?» . Например, вы нашли какой-либо 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 . Спасибо!

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

Некоторые сайты не заморачиваются с оформлением по многим причинам:

• страница узкоспециализирована и не создана для привлечения новых посетителей;
• сайт является первым у разработчика;
• страница является временной версией основного ресурса и т.д.

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

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

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

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

WhatTheFont

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

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

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

Для того, чтобы изображение максимально точно распозналось сервисом,

1. Текст на картинке должен размещаться исключительно горизонтально.
2. Высота одной буквы должна составлять хотя бы 100 пикселей.
3. Следите за тем, чтобы буквы на картинке не прикасались друг к другу. Это усложнит процесс поиска шрифта по изображению.
4. Сайт имеет ограничение на количество знаков – не более 50.

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

What font is

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

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

В предыдущем приложении максимальное количество символов составляло 50 знаков. В What Font is количество букв сократилось до 10.

Identifont

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

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

Онлайн сервис Identifont отлично подходит тем, кто обладает дополнительной информацией о том или ином шрифте. Дело в том, что на сайте вам предлагается еще несколько вариантов поиска:

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

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

Bowfin Printworks

Как и все предыдущие варианты сервисов, сайт не работает с кирилличным текстом. Bowfin Printworks определяет шрифт по изображению, а не по перечню вопросов, как предыдущий сайт. Однако он ищет не по картинке, которую вы загрузили из своего компьютера. Здесь алгоритм работет несколько иначе. Сайт имеет в запасе множество шрифтов и предлагает вам выбрать параметры варианта, который вас устроит. Весь процесс поиска шрифта по картинке можно поделить на несколько этапов:

1. Вы переходите на сайт — bowfinprintworks.com .
2. Сервис предлагает вам несколько картинок с одинаковыми буквами, выполненными в разных стилях.
3. Обращая внимание на мелкие детали (крючки, толщина и т.д.) вы выбираете наиболее подходящий вариант.

Bowfin Printworks имеет обширную базу, однако работает не так быстро, как уже описанные выше сервисы.

В то же время ресурс обладает некоторыми преимуществами:

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

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

FontShop

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

• ширина линий;
• контраст букв;
• вид угла знаков;
• тип буквы (прямой или курсив).

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

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

FontDetect

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

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

1. Откройте программу и загрузите необходимое изображение из папки компьютера.

   Font Detected — загрузить изображение

2. Далее необходимо выделить область вокруг текста (или по-другому – область распознавания). Именно с ней и будет работать программа.

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

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

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

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

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

WhatTheFont

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

Программа подходит для скачивания владельцам телефонов на операционных системах iOS и Android .

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

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

Как пользоваться приложением?

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

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

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

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

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

1. What font is

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

2. Identifont

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

3. WhatTheFont

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

4. Font Trainer

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

5. TypeNavigator

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

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

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

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

WhatFontIs

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

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

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

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

WhatTheFont

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

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

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

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

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

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

Однако решить эту задачу не всегда просто – особенно, при наличии большого количества похожих друг на друга вариантов.

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

Специальные сервисы

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

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

Некоторые сайты помогают, в основном, в поисках только самых популярных шрифтов.

What font is

Ресурс What font is позволяет опознать шрифты с картинки бесплатно и достаточно быстро, но работает только с латиницей.

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

Порядок действий для пользователя ресурса следующий:

• Открыть главную страницу сервиса.
• Загрузить на сайт изображение, щёлкнув по форме с надписью Upload image containing the font или вставив ссылку на картинку в Сети.

• Нажать на «Find a font».
• Выбрать, будет ли распознаваться изображение без изменений или при распознавании будет выполнено реверс цветов, а также установить определяемую область.

• Выбрать дополнительные настройки изображения (яркость, контрастность и угол поворота), с помощью которых сервису будет проще распознать тип шрифта, и нажать на «Use image».

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

• Выбрать подходящий вариант из появившегося на экране списка.

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

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

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

Важно: Для работы с изображением оно должно иметь размер не больше 1,8 МБ и формат JPEG, GIF или PNG. Также рекомендуется распознавать только одну строку за раз – если шрифтов несколько, выделяется часть картинки.

WhatTheFont

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

Благодаря стараниям сообщества My Fonts, ресурс получил огромную базу данных и является одним из самых удобных в использовании.

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

Действия пользователей должны быть следующие:

• Открыть страницу и загрузить изображение с текстом.

• Выбрать поле, в котором находится текст, и нажать на стрелочку.

• Получить результаты поиска, среди которых обычно легко обнаружить необходимую информацию – так, в указанном примере заметен шрифт Arial Black, который не определился на сайте What font is.

Важно: Для распознавания требуется выполнение определённых условий: размеры картинки должны быть в пределах 360 х 275 пикс., формат – PNG или JPG. Также рекомендуется, чтобы высота каждого символа была не меньше 100 пикселей.

Identifont

Сервис Identifont позволяет добиться необходимого результата, ответив на целый ряд вопросов.

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

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

Bowfin Printworks

На сайте Bowfin Printworks можно найти значительное количество данных, касающихся различных шрифтов, и идентифицировать тот, который находится на картинке.

Работать с сервисом удобнее, чем с Identifont, но времени придётся потратить больше по сравнению с WhatTheFont.

На сайте можно найти удобное руководство по самым популярным в дизайне вариантам шрифтов – таких как Serif, Sans Serif и Script.

Кроме того, есть возможность задавать вопросы владельцу сайта по поводу неопределённого набора символов.

Однако, если речь идёт о кириллице, результаты поиска вряд ли будут положительными.

TypeNavigator

Ресурс TypeNavigator предлагает собственный подход к поиску шрифтов.

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

С помощью сервиса пользователь постепенно сужает количество вариантов и после недолгих поисков получает положительный результат.

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

Недостатком можно назвать невысокую скорость определения – иногда на поиск нужного варианта тратится до получаса.

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

Приложения для смартфонов

Список способов найти подходящий шрифт в режиме онлайн включает приложение, выпущенное сообществом MyFonts для смартфонов на Android или iOS.

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

А найденные шрифты можно приобрести в режиме онлайн на сайтах разработчиков.

Приложение предоставляет пользователю такое преимущество как определение шрифтов в режиме оффлайн.

Хотя вероятность распознавания будет выше при подключении к Интернету.

Однако, если доступа к Сети всё-таки нет, можно просто навести камеру смартфона на рекламный носитель или визитную карту, получив положительный результат через несколько секунд.

Расширения в браузере

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

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

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

Расширение Naptha работает в браузере Chrome, но можно попытаться установить его и на другой веб-обозреватель.

Среди других вариантов стоит отметить Fontface Ninja для Chrome, Firefox и Safari и Typesample для Хрома.

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

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

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

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

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

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

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

Выводы

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

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

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

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

Исходный код страницы

Самый простой способ – исследовать код страницы. Глубокие познания в HTML и CSS для выполнения этой задачи не понадобятся, нужно лишь найти свойства «font-family ». Рассмотрим на примере Google Chrome:

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

Справа появится консоль с инструментами разработчика. Найдите в ней пункт «font family ».

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

Кстати, в других браузерах операция выполняется аналогично. Например, в Mozilla Firefox нужно щелкнуть по тексту правой кнопкой и выбрать пункт «Исследовать элемент».

Искомые данные отобразятся в окне справа, свойство называется также «font family ».

Сервисы и расширения

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

Зайдите на сайт fount.artequalswork.com . Там есть большая кнопка «Fount», которую нужно схватить и перетащить на панель закладок.

Важно! Чтобы отобразить панель закладок в Chrome, нажмите сочетание Ctrl+Shift+B .

Откройте страницу с понравившимся шрифтом. Нажмите на Fount на панели закладок. Курсор превратится в крестик. Наведите его на шрифт и щелкните левой кнопкой. Результат появится в правом верхнем углу.

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

Fontface Ninja для Safari и Chrome.

Type Sample для Chrome.

WhatFont для Chrome, Firefox, Яндекс.Браузера.

Typ.io для Chrome.

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

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

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

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

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

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

Специализированные сервисы

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

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

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

1. в своем компьютере следует сохранить понравившееся изображение шрифта;
2. выбрать в Интернете подходящий сервис для поиска названия данного формата буквенных обозначений. Список будет ниже.
3. на сайте, хранящем большую базу подходящих шрифтов, методом автоматической идентификации можно сравнить свою сохраненную картинку с имеющимися образцами и получить точное название шрифта
4. загрузить в специальное поле веб-ресурса свое изображение шрифта с компьютера. Если картинка букв не очень качественная, то придется вводить в специальное поле все имеющиеся буквы по отдельности чтобы быстро найти нужный шрифт по картинке.

Интересное по теме Таймеры обратного отсчёта для Adobe Muse

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

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

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

• Type Navigator,
• typophile.com
• Flickr Typeface Identification.

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

Пошаговое руководство для поиска предлагает сайт What The Font. Чтобы программа смогла распознать изображение на загруженной картинке следует использовать для распознавания шрифта изображения в следующих форматах:

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

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

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

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

Интересное по теме Делаем лигатуру — логотип из букв

Использование плагина в браузерной строке

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. What font is

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

2. Identifont

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

3. WhatTheFont

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

4. Font Trainer

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

5. TypeNavigator

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

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

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

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

Однако решить эту задачу не всегда просто – особенно, при наличии большого количества похожих друг на друга вариантов.

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

Специальные сервисы

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

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

Некоторые сайты помогают, в основном, в поисках только самых популярных шрифтов.

What font is

Ресурс What font is позволяет опознать шрифты с картинки бесплатно и достаточно быстро, но работает только с латиницей.

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

Порядок действий для пользователя ресурса следующий:

• Открыть главную страницу сервиса.
• Загрузить на сайт изображение, щёлкнув по форме с надписью Upload image containing the font или вставив ссылку на картинку в Сети.

Рис. 1. Загрузка изображения на сервис What font is.

• Нажать на «Find a font».
• Выбрать, будет ли распознаваться изображение без изменений или при распознавании будет выполнено реверс цветов, а также установить определяемую область.

Рис. 2. Выбор реверса цветов.

• Выбрать дополнительные настройки изображения (яркость, контрастность и угол поворота), с помощью которых сервису будет проще распознать тип шрифта, и нажать на «Use image».

Рис. 3. Настройки изображения.

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

Рис. 4. Расстановка букв.

• Выбрать подходящий вариант из появившегося на экране списка.

Рис. 5. Список подходящих шрифтов.

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

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

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

Важно: Для работы с изображением оно должно иметь размер не больше 1,8 МБ и формат JPEG, GIF или PNG. Также рекомендуется распознавать только одну строку за раз – если шрифтов несколько, выделяется часть картинки.

WhatTheFont

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

Благодаря стараниям сообщества My Fonts, ресурс получил огромную базу данных и является одним из самых удобных в использовании.

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

Действия пользователей должны быть следующие:

• Открыть страницу и загрузить изображение с текстом.

Рис. 6. Начало работы с сервисом – загрузка изображения.

• Выбрать поле, в котором находится текст, и нажать на стрелочку.

Рис. 7. Выбор области распознавания.

• Получить результаты поиска, среди которых обычно легко обнаружить необходимую информацию – так, в указанном примере заметен шрифт Arial Black, который не определился на сайте What font is.

Рис. 8. Результаты поиска.

Важно: Для распознавания требуется выполнение определённых условий: размеры картинки должны быть в пределах 360 х 275 пикс., формат – PNG или JPG. Также рекомендуется, чтобы высота каждого символа была не меньше 100 пикселей.

Identifont

Сервис Identifont позволяет добиться необходимого результата, ответив на целый ряд вопросов.

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

Рис. 9. Вопросы, задаваемые сервисом.

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

Bowfin Printworks

На сайте Bowfin Printworks можно найти значительное количество данных, касающихся различных шрифтов, и идентифицировать тот, который находится на картинке.

Работать с сервисом удобнее, чем с Identifont, но времени придётся потратить больше по сравнению с WhatTheFont.

Рис. 10. Главная страница ресурса Bowfin.

На сайте можно найти удобное руководство по самым популярным в дизайне вариантам шрифтов – таких как Serif, Sans Serif и Script.

Кроме того, есть возможность задавать вопросы владельцу сайта по поводу неопределённого набора символов.

Однако, если речь идёт о кириллице, результаты поиска вряд ли будут положительными.

TypeNavigator

Ресурс TypeNavigator предлагает собственный подход к поиску шрифтов.

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

С помощью сервиса пользователь постепенно сужает количество вариантов и после недолгих поисков получает положительный результат.

Рис. 11. Варианты наборов символов, которые предлагает сайт TypeNavigator.

Недостатком можно назвать невысокую скорость определения – иногда на поиск нужного варианта тратится до получаса.

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

Приложения для смартфонов

Список способов найти подходящий шрифт в режиме онлайн включает приложение, выпущенное сообществом MyFonts для смартфонов на Android или iOS.

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

А найденные шрифты можно приобрести в режиме онлайн на сайтах разработчиков.

Рис. 12. Мобильное приложение для распознавания шрифтов в Google Play.

Приложение предоставляет пользователю такое преимущество как определение шрифтов в режиме оффлайн.

Хотя вероятность распознавания будет выше при подключении к Интернету.

Расширения в браузере

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

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

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

Рис. 13. Встраиваемое в браузер Google Chrome расширение Naptha.

Расширение Naptha работает в браузере Chrome, но можно попытаться установить его и на другой веб-обозреватель.

Среди других вариантов стоит отметить Fontface Ninja для Chrome, Firefox и Safari и Typesample для Хрома.

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

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

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

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

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

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

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

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

Выводы

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

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

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

Источник

Как узнать название шрифта. Поиск шрифта по картинке – лучшие бесплатные онлайн сервисы

Здравствуйте, дорогие друзья. Как провели выходные, а точнее праздники? Надеюсь, что хорошо. Я лично замечательно их провел. Мы с женой с друзьями ездили в город Ярославль. Но об этом я хотел бы рассказать в следующий раз. А пока к вам у меня один вопрос: представьте, что вы увидели какой-то текст (на сайте или картинке) и он вам жутко понравился. Представили? Отлично.

И вот что тогда делать, если вам хочется использовать этот шрифт у себя, например для фотошопа, офисных документов (Word, PDF и т.д.) или же для своего сайта? Я вам покажу как определить шрифт текста на картинке или любом сайте, ну или по крайней мере найти очень похожий на него. Готовы? Тогда поехали!

Если вы увидели красивый текст на каком-либо изображении, то рекомендую вам один способ для определения.

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

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

Текст на картинке (кириллические)

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

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

Текст на веб-страницах

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

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

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

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

С уважением, Дмитрий Костин!

Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?» . Например, вы нашли какой-либо 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 . Спасибо!

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

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

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

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

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

Специализированные сервисы

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

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

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

1. в своем компьютере следует сохранить понравившееся изображение шрифта;
2. выбрать в Интернете подходящий сервис для поиска названия данного формата буквенных обозначений. Список будет ниже.
3. на сайте, хранящем большую базу подходящих шрифтов, методом автоматической идентификации можно сравнить свою сохраненную картинку с имеющимися образцами и получить точное название шрифта
4. загрузить в специальное поле веб-ресурса свое изображение шрифта с компьютера. Если картинка букв не очень качественная, то придется вводить в специальное поле все имеющиеся буквы по отдельности чтобы быстро найти нужный шрифт по картинке.

Интересное по теме Набор виджетов для Adobe Muse

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

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

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

• Type Navigator,
• typophile.com
• Flickr Typeface Identification.

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

Пошаговое руководство для поиска предлагает сайт What The Font. Чтобы программа смогла распознать изображение на загруженной картинке следует использовать для распознавания шрифта изображения в следующих форматах:

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

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

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

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

Интересное по теме Разработка собственного логотипа: каким он должен быть?

Использование плагина в браузерной строке

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WhatTheFont

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

Matcherator

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

Identifont

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

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

WhatFontIs

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

Fount

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

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

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

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

By-Sight

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

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

Fontshop

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

Bowfin Printworks

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

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

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

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

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

Поиск шрифта по картинке с whatfontis

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

1. Загружаем изображение со шрифтом с компьютера.
2. Заливаем по url.
3. Открываем дополнительные настройки.
4. Отмечаем если по картинке есть тень.
5. Если линия шрифта идет не четко по горизонтали, то его надо выровнять, отмечаем галочку.
6. Если необходим редактировать файл, то на сервисе есть встроенный менеджер.
7. Продолжить.

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

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

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

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

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

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

Расширение What font: кириллица не проблема

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

Подходит почти для всех видов браузеров google chrome, на яндексе и firefox идет отлично, проверял.

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

1. Значок стал активным. Для включения процесса нажимаем, тоже самое делаем для отключения.
2. Элемент со шрифтом.
3. Расшифровка стиля, семейства и написания.

Крутой правда, не мог его не показать, хотя тема статьи по картинке, но дать дополнительную информацию надо.

Приложение на мобильные устройства

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

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

Альтернативные онлайн сервисы

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

Myfonts аналог whatfontis

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

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

Identifont.com находит шрифты по опросам

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

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

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

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

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

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

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

Fontface Ninja

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

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

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

Type Sample

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

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

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

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

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

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

Сейчас я вас научу плохому.

Допустим, есть картинка

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

Поиск по картинкам

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

https://www.google.ru/imghp?hl=ru

Исходную картинку загружаем через форму или кидаем на страницу поиска перестаскиванием.

Порой Яндекс отрабатывает лучше Гугла.

https://yandex.ru/images/

Польза от поисковых систем следующая.

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

Кто знает, это дело такое. Шансы малы, но не настолько, чтобы их игнорировать. Тем более в безвыходной ситуации.

«Что за шрифт» на MyFonts.som

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

http://www.myfonts.com/WhatTheFont/

Мы роботу картинку, он нам — шрифты. Ну или ничего.

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

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

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

Жмем Continue.

Робот постарается найти оригинал шрифта и предложит подходящие теги для дальнейшего самостоятельного поиска.

Поиск по ключевым словам на MyFonts.som

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

Наше изображение выполнено как бы фломастером (brush pen). Еще тут подойдут слова типа «каллиграфия» (calligraphic), «от руки» (handwritten) и т.д. Здесь можно воспользоваться тегами, которые предложил робот.

Можно искать термины по-отдельности или объединять их и комбинировать в одном запросе.

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

Жмем кнопку Search и просматриваем результаты, попутно отмечая для себя подходящие варианты на замену.

На Майфонтсе много вариантов на замену исходному шрифту.

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

Скриним.

Растр

В Фотошопе скрин превращаем в смарт-объект. В смарт-объекте накладываем на него Gradient Map от нужного цвета к белому.

В макете выставляем смарт-объекту режим наложения слоев, например, Multiply .

Для большинства случаев с белым фоном этого достаточно.

Кому этого мало, можете удалить из скрина белый цвет. Color Range…, тыкаете пипеткой в белый фон

получаете выделение по цвету, инвертируете выделение,

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

и скрываете все белое под маску

В основном документе уже делаете со смарт-объектом все, что душе угодно, почти как с векторным шейпом.

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

Вектор

Если нужен вектор, то делаем трассировку в Иллюстраторе.

Открываем скрин из PNG-файла:

На панели Image Trace ставим Mode: Black and White, галочку Preview и аккуратно крутим Threshold и настройки в Advanced:

Получив приемлемый результат, делаем надписи Expand

и получаем вектор на все случаи жизни:

Бесплатные шрифты

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

За бесплатными шрифтами идем во Вконтакте, в группу «

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

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

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

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

WhatTheFont

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

Matcherator

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

Identifont

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

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

WhatFontIs

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

Fount

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

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

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

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

By-Sight

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

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

Fontshop

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

Bowfin Printworks

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

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

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

Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?» . Например, вы нашли какой-либо 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 . Спасибо!

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

Сейчас я научу тебя плохому.

Допустим, есть картинка

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

Поиск по картинкам

Заходим в поисковики и пытаемся найти источник картинки с помощью поиска картинок.

https://www.google.ru/imghp?hl=ru

Загрузите исходное изображение через форму или перетащите его на страницу поиска, перетащив его.

Иногда Яндекс работает лучше, чем Google.

https://yandex.ru/images/

Преимущества поисковых систем заключаются в следующем.

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

Кто знает, дело обстоит именно так. Шансы невелики, но их недостаточно, чтобы их игнорировать. Особенно в безвыходной ситуации.

«What a Font» на MyFonts.som

Заходим в Mayfonts в раздел, где работает специально обученный робот.

http://www.myfonts.com/WhatTheFont/

Мы картинка для робота, он для нас шрифт. Ну или ничего.

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

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

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

Нажмите «Продолжить».

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

Поиск по ключевым словам на MyFonts.som

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

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

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

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

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

В Mayfonts есть множество вариантов замены исходного шрифта.

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

Давайте просмотрим это.

Растр

В Photoshop превратите экран в смарт-объект . В смарт-объекте наложите на него Градиентная карта от желаемого цвета к белому.

В макете установите режим наложения слоя на смарт-объект, например, Multiply .

Для большинства случаев с белым фоном этого достаточно.

Кому этого мало, можно убрать белый цвет с экрана. Color Range…, ткните пипеткой в ​​белый фон

получите выделение по цвету, инвертируйте выделение,

сгладьте его пару раз на пиксель или два, чтобы границы контура не были такими torn,

и скрыть все белое под маской

В основном документе вы уже делаете все, что хотите, со смарт-объектом, почти как с векторной формой.

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

Вектор

Если вам нужен вектор, то делаем трассировку в Illustrator.

Откройте скриншот из файла PNG:

На панели Image Trace поставьте Mode: Black and White, tag Preview и аккуратно поверните Порог и настройки в Advanced:

Получив приемлемый результат, делаем надписи Expand

и получаем вектор на все случаи жизни:

Бесплатные шрифты

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

За бесплатными шрифтами заходим во Вконтакте, в группу «

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

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

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

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

Шаг 2: После загрузки изображения проверьте, что What The Font правильно определил глифы, и только после этого нажмите «поиск».

Короче GLYPH — это графическое изображение знака. Один символ может соответствовать нескольким глифам; строчная «а», прописная «а» и альтернативная строчная «а» с обводкой — это один и тот же знак, но в то же время это три разных глифа (графемы).

С другой стороны, один глиф может также соответствовать комбинации нескольких символов, например, лигатура «ffi», являющаяся единственной графемой, соответствует последовательности из трех символов: f, f и i.Что. для средства проверки орфографии суффикс будет состоять из 6 символов, а графический процессор отобразит 4 символа.

Я впервые загрузил это изображение:

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

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

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

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

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

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

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

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

Вы открываете сервис.

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

1. Нажмите кнопку «Обзор», чтобы выбрать желаемое изображение. Мой пример:

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

Затем нажмите «Продолжить».

Примечание

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

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

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

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

1. Отображать только бесплатные шрифты или альтернативные бесплатные шрифты … Галочка здесь означает, что результаты поиска будут содержать только бесплатные аналоги.

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

3. Показать все шрифты — отобразятся сразу все возможные шрифты.

После установки желаемого флажка нажмите «Продолжить».

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

Как видите, вариант, который мне подходит, отображается самым первым под названием «SummerCrushes» … Кстати, я поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я легко могу щелкнуть «Щелкните здесь, чтобы загрузить шрифт» , чтобы загрузить шрифт, который я определил на картинке.

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

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

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

Поможет решить эту проблему достаточно просто и оригинально. Вы загружаете (со своего компьютера или по ссылке) изображение или логотип, содержащий текст, и на сайте отображается список шрифтов. Для загрузки подходят файлы размером не более 360 x 275 пикселей и следующих форматов: GIF, JPEG, TIFF, BMP.Иногда может возникнуть необходимость ввести соответствующие символы, изображенные на картинке, поскольку сама система не всегда может их точно идентифицировать.

Для лучшего распознавания системой отдельных символов разработчики рекомендуют придерживаться следующих рекомендаций. Следует помнить, что чем меньше шрифт, тем больше вероятность ошибочной идентификации текста. Оптимальный размер для системы — это размер одного символа в пределах 100 пикселей (больший размер увеличивает время поиска совпадений).Конечно, имея в виду ограничение изображения по ширине, изображение будет содержать всего 3-4 символа, но этого вполне достаточно для определения похожих шрифтов. Сервис успешно работает с цветными изображениями, но высокой точности можно добиться только с черно-белыми изображениями.

После загрузки изображения анализатор распознает символы.

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

Есть один недостаток — нет поддержки кириллических шрифтов.

Есть еще одна отличная онлайн-служба распознавания шрифтов — (What Font is)

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

В сервисе Whatfontis есть 3 способа узнать, что такое шрифт:

Путь 1

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

В самом конце страницы будет три варианта поиска:

• Отображать только бесплатные шрифты или альтернативные бесплатные шрифты
  (Показать только бесплатные шрифты или альтернативные бесплатные шрифты)
• Отображать только коммерческие шрифты или альтернативные коммерческие шрифты
  (Показывать только платные шрифты или альтернативные коммерческие шрифты)
• Показать все шрифты
  (Показать все шрифты)

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

Путь 3
Поиск по имени. Вы можете ввести название шрифта и искать его аналоги.

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

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

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

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

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

Специализированные услуги

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

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

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

1. вы должны сохранить изображение вашего любимого шрифта на вашем компьютере;
2. выберите подходящий сервис в Интернете для поиска имени данного формата букв. Список будет ниже.
3. на сайте, где хранится большая база данных подходящих шрифтов, используя метод автоматической идентификации, вы можете сравнить сохраненное изображение с доступными образцами и получить точное название шрифта
4. загрузите изображение вашего шрифта со своего компьютера в специальное поле веб-ресурса.Если картинка букв не очень качественная, то вам придется ввести все имеющиеся буквы в специальное поле отдельно, чтобы быстро найти нужный шрифт на картинке.

Интересное по теме Набор виджетов для Adobe Muse

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

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

Несколько сайтов в Интернете могут искать подходящий шрифт на основе загруженного изображения:

• Type Navigator,
• typophile.com
• Идентификация шрифта Flickr.

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

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

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

На веб-сайтах Bowfin Printworks и Identifont, чтобы найти подходящий шрифт из загруженного изображения в Интернете, вам нужно будет ответить на наводящие вопросы, связанные с описанием изображений букв.

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

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

Интересное на тему Разработка собственного логотипа: как он должен выглядеть?

Использование плагина в строке браузера

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

необычно простых способов от сервисов до приложений

Сейчас я тебя плохому научу.

Допустим, есть картинка

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

Поиск по картинкам

Заходим в поисковики и пытаемся найти источник изображения с помощью поиска по картинке.

https://www.google.ru/imghp?hl=ru.

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

Иногда Яндекс работает лучше, чем Google.

https://yandex.ru/images/

Польза от поисковых систем Далее.

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

Кто это знает. Шансов мало, но не так много, чтобы их игнорировать. Особенно в безвыходной ситуации.

«Что за шрифт» на myfonts.som

Заходим на майофаны в раздел где работает специально обученный робот.

http://www.myfonts.com/whatthefont/

Мы изображение робота, он же шрифты. Ну или ничего.

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

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

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

Нажмите «Продолжить».

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

Поиск по ключевым словам на myfonts.som

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

Наше изображение выполнено в виде фломастера (Brush Pen). Сюда войдут такие слова, как «каллиграфия» (каллиграфия), «рука» (рукописный текст) и т. Д.Здесь можно использовать теги, которые предложил робот.

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

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

Нажмите кнопку «Поиск» и просмотрите результаты, одновременно отмечая для себя соответствующие варианты замены.

На Mayfonts много вариантов замены исходного шрифта.

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

Скриншоты

Растр

В экране Photoshop мы превращаемся в смарт-объект . В смарт-объекте наносим на него Градиентная карта От желаемого цвета до белого.

В макете установите режим наложения смарт-объекта, например Multiply. .

Для большинства случаев с белым фоном этого достаточно.

Кому этого мало, можно убрать с экрана белый цвет. Цветовой диапазон …, тыкаем пипеткой в ​​белый фон

получаем выделение цвета, инвертируем выделение,

сглаживаем пару раз по пикселю — еще, чтобы не было границы контура так разорвано,

и спрятать все белое под маской

В основном документе вы уже делаете со смарт-объектом все, что ваше сердце, почти как векторную фигуру.

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

Вектор

Если вам нужен вектор, то сделайте трассировку в иллюстраторе.

Откройте экран из файла PNG:

На панели Image Trace. Поставить Режим: Черно-белый, Отметить ПРЕДВАРИТЕЛЬНЫЙ ПРОСМОТР. и осторожно круто Порог. и настройки Б. Advanced:

Получив приемлемый результат делаем надписи Expand

и получаем вектор на все случаи жизни:

Free fonts

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

За бесплатными шрифтами заходим во ВКонтакте, в группу «

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

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

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

Вот эта надпись:

Первый сервис, с помощью которого мы определим шрифт —

Нажмите на кнопку «Обзор», чтобы выбрать картинку с текстом. Затем вам нужно будет выбрать одну точку и тускло:

Цвет фона светлее, чем цвет символов — означает, что цвет фона светлее, чем цветные буквы и символы,
Цвет фона темный, пожалуйста, инвертируйте цвета — светлый текст включен темный фон.

Теперь нажмите кнопку «Продолжить», чтобы продолжить.

В новом окне вы должны идентифицировать буквы — вводите каждую букву в соответствующее поле.

Снова кнопка «Продолжить» и у нас есть список наиболее похожих шрифтов. Кстати, сервис правильно определил шрифт. Первый вариант правильный.

Оценка услуги — 5 баллов.

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

Выбрав картинку с текстом, нажмите «Продолжить». Приятно, что сервис частично идентифицирует символы и только сомнительно вам придется вручную управлять.

И этот сервис отлично справился с задачей, правильно угадав шрифт.Единственный недостаток сайта What font это меньшее количество шрифтов по сравнению с Whatfontis.

Оценка услуги — 5 баллов.

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

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

Примеры вопросов, на которые вы должны ответить:

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

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

Мне не удалось найти этот сервис для поиска нужного шрифта. Тест пройден.

4. Font Finder Firefox Add-on — дополнение для Firefox, определяющее, какой шрифт используется на сайте. Просто выделите слово на сайте, и добавление определит шрифт и стиль CSS.
Ссылка на дополнение https://addons.mozilla.org/en-us/firefox/addon/font-ffinder/

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

Через эту службу Также не удалось определить шрифт.

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

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

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

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

1. Какой шрифт

Это бесплатный сайт, который дает вам самый простой способ определить, какой шрифт используется на странице.Когда вы находитесь на сайте, где вам нравится тот или иной шрифт, просто сделайте скриншот страницы так, чтобы текст был на изображении. Однако размер скриншота не должен превышать 1,8 Мб, и на нем достаточно всего одной строчки текста. Формат изображения должен быть JPEG / JPG, GIF или PNG. Затем снимок экрана загружается в приложение «Определить шрифты», и сайт отображает результат. Вы можете установить фильтр, чтобы отображались только бесплатные шрифты, только платные шрифты или те и те.

2. Идентификатор

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

3. Whatthefont.

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

4. Тренажер шрифтов.

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

5. ТипНавигатор.

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

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

Здравствуйте, дорогие друзья. Как мы уехали, а точнее праздники? Надеюсь, что хорошо.Я тратил их лично. Мы с женой поехали в город Ярославль. Но об этом я хочу рассказать в следующий раз. А пока у меня к вам один вопрос: представьте, что вы увидели какой-то текст (на сайте или картинке) и он вам ужасно понравился. Представлено? Превосходно.

А что тогда делать, если вы хотите использовать этот шрифт в себе, например, для фотошопа, офисных документов (Word, PDF и др.) Или для своего сайта? Я покажу вам, как определить шрифт текста на картинке или любом сайте, ну или хотя бы найти очень похожий на него.Готовый? Потом мы пошли!

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

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

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

Текст в картинке (кириллица)

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

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

Текст на веб-страницах

Если вы зашли на какой-либо сайт и вам понравился сам пишущий шрифт на сайте, это очень легко определить с помощью расширения в браузере Google Chrome.Посмотрим? Давайте!

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

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

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

С уважением, Дмитрий Костин!

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

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

Whatfontis

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

Итак, чтобы использовать whatfontis для поиска шрифта на картинке, сохраните изображение с вашим любимым или сделайте скриншот страницы и вырежьте нужный фрагмент. Убедитесь, что изображение в формате JPG, PNG или GIF и не превышает 1,8 МБ. Теперь следуйте инструкциям.

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

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

Whatthefont.

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

Мобильное приложение Whatthefont.

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

На самом деле способов, помогающих определить онлайн-шрифт, более двух. Например, существуют службы, которые вместо того, чтобы распознавать шрифт на картинке, задают вам тысячу и один вопрос о том, как выглядит желаемый штрих (http://www.identifont.com/). Есть также ресурсы, которые могут даже потренировать ваш глаз, чтобы вы не хуже автомобиля могли распознавать многие шрифты (http: //ft.vremenno.сеть / en /). но Whatthefont. и Whatfontis — Пожалуй, самые удобные и популярные сайты для этой цели.

Автоматическое распознавание шрифтов. Узнай шрифт на картинке онлайн. Мобильное приложение-приложение

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

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

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

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

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

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

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

Откройте сервис.

Во-первых, определите, какой способ вы хотите использовать.

1. Щелкнув по кнопке Обзор, выберите желаемое изображение. Мой пример:

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

Затем нажмите «Продолжить».

Примечание

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

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

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

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

1. Отображать только бесплатные шрифты ИЛИ бесплатные альтернативные шрифты . Галочка здесь означает, что поиск выдачи будет содержать только бесплатные аналоги.

2. Отображать ТОЛЬКО коммерческие шрифты или альтернативные коммерческие шрифты — Напротив, только платные аналоги.

3. Показать все шрифты. Все возможные шрифты будут отображаться сразу.

Выбрав нужную галочку, нажмите «Продолжить».

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

Как видите, первая отображается вариант, подходящий для меня — «SummerCrushes» . Кстати, я поставил галочку, чтобы мне предлагали только бесплатные аналоги.Так что я могу легко щелкнуть «Щелкните здесь, чтобы загрузить шрифт» Чтобы загрузить шрифт, который я определил для изображения.

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

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

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

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

Текущая ситуация такова, что доступные в сети службы для определения шрифта Online имеют исключительно зарубежное местоположение.Это значит, что они с акцентом на латинице , I. плохо определяют кириллические символы .

Осознавая такой «латинский» акцент, ряд стран мира (Китай, Япония, страны Ближнего Востока и др.) Направили свои усилия на создание собственных веб-ресурсов, обслуживающих свои собственные возможности. шрифты. В России такие ресурсы в настоящее время отсутствуют, так как не слышно об их появлении в ближайшее время.

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

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

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

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

Whatthefont — Определение шрифта в Интернете

«» — один из немногих ресурсов, позволяющих определять кириллические шрифты в Интернете.Ресурс обещает поиск в более 130 тысяч различных шрифтов , их быстрое определение и возможность их приобретения (в случае платных аналогов).

Для работы с сайтом необходимо:

En.likefont.com — Определение русского шрифта на картинке

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

Для работы с ресурсом выполните следующие действия:

Ресурсы для визуальной идентификации

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

Среди таких ресурсов отметим следующие:

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

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

Заключение

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

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

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

Fontface ninja.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Для определения шрифта на картинке необходимо скачать эту самую картинку в сервис или указать ее адрес в Интернете.Оба эти действия производятся на главной странице Whatthefont.

Для примера давайте определим шрифт В логотипе моего сайта Muzrelax.ru. Я знаю, какой шрифт там используется, но посмотрим, сможет ли его правильно определить сервис Whatthefont.

Сделал скриншот логотипа и скачал картинку в таком виде:

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

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

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

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

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

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

П.С. Не забывайте оставлять эту статью в закладках и рекомендовать друзьям).

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

Искать шрифт на картинке с Whatfontis

Сама оценка самая лучшая Сервис Для поиска шрифта на картинке Whatfontis, и в последнем пункте я дам еще шесть.Заходим по ссылке и видим меню загрузки.

1. Загрузить изображение со шрифтом с компьютера.
2. Заполните URL.
3. Открыть дополнительные настройки.
4. Заметим, есть ли на снимке тень.
5. Если линия шрифта нечетко расположена по горизонтали, ее следует выровнять, установите флажок.
6. Если нужно отредактировать файл, то в сервисе есть встроенный менеджер.
7. Продолжить.

Чтобы сделать снимок экрана с экрана, может потребоваться отправить пример шрифта в URL.

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

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

Помните, мы отметили точку редактора, чтобы войти в нее внизу и найти строку запуска онлайн-редактора.Для корректной работы необходима последняя версия Flash Player.

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

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

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

Расширение Какой шрифт: Кириллица не проблема

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

Подходит практически ко всем видам гугл браузеров Хром, на яндекс и фаерфокс идет отлично, проверено.

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

1. Значок стал активным. Чтобы включить процесс, нажмите и сделайте то же самое, чтобы завершить работу.
2. Элемент шрифта.
3. Расшифровка стиля, семьи и письма.

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

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

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

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

Альтернативные онлайн-сервисы

Помимо первого пункта, приведу еще 6 сайтов, большинство на английском, один на русском. Онлайн-способы выстраиваются в порядке убывания эффективности.

MyFonts Аналог Whatfontis

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

Вы можете найти здесь, единственный российский портал FontMassive действует бесплатно. Нет систем распознавания русского языка (смешно), есть только голос народа, ответ дает народ. Вам необходимо зарегистрироваться и подать заявку, чтобы предложить. Удобно и практично, так что лучше человека на вопрос никто не ответит.

Identifont.com находит шрифты для опроса

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

Возможность поиска в TYPOPHILE определяет одного и того же человека, но теперь для начала поиска нужно дать картинку, сделать отдельную тему и дождаться ответа от экспертов. Он отличается от FontMassive наличием продвинутых специалистов, но опять же в английском переводчик Google в помощь.

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

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

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

Обновлено: 17.02.2021

103583

Если вы заметили ошибку, выделите фрагмент текста и нажмите Ctrl + Enter

serif — Какой шрифт используется для этого кириллического текста?

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

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

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

Graphic Design Stack Exchange — это сайт вопросов и ответов для профессионалов, студентов и энтузиастов графического дизайна.Регистрация займет всего минуту.

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

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

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

Спросил 7 лет, 5 мес. Назад

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

Мне дали задание выгравировать надпись таким шрифтом:

^{Щелкните изображение, чтобы увидеть его в полном размере}

Но я понятия не имею, что в нем написано и каким шрифтом оно написано… Может ли кто-нибудь помочь мне узнать, какой шрифт здесь использовался? Спасибо

19.8k1212 золотых знаков7474 серебряных знака142142 бронзовых знака

задан 28 мая ’14 в 23: 252014-05-28 23:25

Речь идет о шрифте a_AlgeriusRough

КРЕДИТ НА ОПРЕДЕЛЕНИЕ ИДЕНТИФИКАЦИИ ДЖОНБА!