Шрифт по картинке

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

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

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

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

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

P.S.

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

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

По запросу «Распознавание русского шрифта онлайн» ко мне все чаще и чаще заглядывают в последнее время.

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

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

Для себя я нашла достаточно простой и вполне рабочий способ распознавания русских шрифтов.

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

Вот несколько таких сайтов с коллекциями русских шрифтов:

xfont.ru
fontov.net
fonts.by
fonts2u.com
nifa.ru

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

А вы думали, все так просто? 🙂

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

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

Не знаете, что выбрать? Прочитайте статью «Я не знаю, чего я хочу».

19.08.2014 | Автор: Настя Манно | Рубрика: Инструменты веб-дизайнера , Шрифты

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

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

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

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

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

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

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

Есть еще один замечательный онлайн сервис по распознанию шрифтов — (What Font is)

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

На сервисе Whatfontis есть 3 пути узнать что за шрифт:

Путь 1

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

По окончанию в самом конце страницы, будет три варианта поиска:

  • Display only free fonts or free alternative fonts
    (Отобразить только бесплатные шрифты или альтернативные бесплатные)
  • Display only commercial fonts or commercial alternative fonts
    (Отобразить только платные шрифты или альтернативные коммерческие)
  • Display all fonts
    (Отобразить все шрифты)

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

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

Путь 3
Поиск по имени.

Можно ввести название шрифта и искать его аналоги.

Источник: webtun.com

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

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

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

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

1. What font is

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

Далее скриншот загружается на Identify Fonts, и сайт отображает вам результат. Вы можете установить фильтр на отображение только бесплатных шрифтов, только платных шрифтов, либо и тех и тех. Перейти на What font is.

2. Identifont

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

3. WhatTheFont

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

4. Font Trainer

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

5. TypeNavigator

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

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

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

25
Ноя

.

Добавить комментарий

Закрыть меню