Определение шрифта онлайн по картинке: Определить шрифт по картинке онлайн
Содержание
Сервисы распознавания шрифтов онлайн — по картинке, для браузеров
Как узнать какой шрифт использовался можно онлайн, за несколько минут на специальных сайтах в Интернете. Для этого обычно нужно загрузить на сайт картинку букв со своего компьютера и запустить поиск.
Работать с оформлением текста приходится на только веб-дизайнерам, занимающимся оформлением сайтов, но и обычным людям, которым приходится оформлять текст подбирая подходящий тип и размер шрифта.
Работа над курсовой, презентацией или над текстом любого иного формата, требующего определить русский или латинский шрифт по размеру и форме написания, будет оформлена гораздо быстрее, если использовать специальные сервисы в режиме онлайн. Они помогут по закодированному изображению найти название нужного шрифта.
Обзор таких сайтов поможет пользователю сэкономить время, научит использовать специализированные ресурсы для упрощения работы с текстовыми редакторами и подскажет, как быстро узнать шрифт на таком сайте.
Следует учитывать, что большинство сервисов ищет латинские алфавиты для английского и немецкого языков.
WhatTheFont
Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:
- текст расположен чётко горизонтально;
- высота букв не меньше 100 пикселей;
- буквы не касаются друг друга;
- общее количество символов — не больше 50.
Больше советов по подбору картинки можно прочитать в соответствующем разделе на сайте.
Попробуем найти шрифт Circe с этого снимка:
Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.
В итоге программа сразу определила шрифт правильно. Если результаты далеки от нужного, стоит обратить внимание на теги справа — они помогут найти похожий вариант.
Мобильное приложение WhatTheFont
Мало кто знает, но у сервиса WhatTheFont есть приложение для определения шрифта по картинке на гаджетах от Apple. Это удобно, когда вам попалось на глаза, к примеру, объявление в газете, оформленное красивым шрифтом, или впечатлила вывеска на улице. Просто сфотографируйте текст, и приложение выполнит свою задачу.
В действительности способов, которые помогут определить шрифт онлайн, больше, чем два. Например, есть сервисы, которые вместо того, чтобы распознать шрифт по картинке, зададут вам тысячу и один вопрос о том, как выглядит искомое начертание (https://www.identifont.com/). Существуют и ресурсы, которые даже могут натренировать ваш глазомер так, что вы не хуже машины сможете распознавать множество шрифтов (https://ft.vremenno.net/en/). Однако WhatTheFont и WhatFontIs – пожалуй, самые удобные и популярные площадки для этой цели.
Если вы знаете, как определить шрифт по картинке другими способами, пожалуйста, поделитесь ими в комментариях.
Оцените качество статьи. Нам важно ваше мнение:
What Font is
Приложение What Font is использует тот же принцип, что и WhatTheFont. Загружаем картинку или адрес, отмечаем нужные буквы, и близкий вариант найден, хотя и не сразу:
При загрузке есть возможность уточнить, темнее ли фон изображения, чем сами буквы. Ещё можно задать фильтры для поиска: например, искать похожие варианты только среди бесплатных шрифтов.
Требования к картинке во многом совпадают с WhatTheFont, главное различие в максимальном количестве букв на картинке — здесь их может быть не больше 10. Если изображение не подходит, сайт предлагает отредактировать его онлайн.
Онлайн сервисы для распознавания шрифта с картинки
В настоящее время существует множество сервисов, которые помогают определить шрифт по картинке. Однако не все они работают одинаково хорошо. В некоторых из них отсутствует множество интересных стилей шрифта текста. Ниже мы предлагаем вам ознакомиться с проверенными сервисами, которые отлично справляются с любой поставленной задачей.
WhatTheFont
Отличный сервис WhatTheFont, занимающийся быстрым поиском шрифта по картинке. По сути, он является одним из самых качественных проектов, позволяющих отыскать любой тип письма. Все дело в том, что при создании сайта использовались все шрифты от крупного поставщика. Разработчикам удалось объединить в одном веб-ресурсе более сотни примеров, так что вы точно сможете легко определить шрифт по картинке онлайн.
Сам по себе сервис работает с фотографиями со скриншотами. Поэтому перед тем, как приступить к распознаванию, необходимо загрузить на компьютер необходимое изображение. Помимо этого, в строку поиска на сайте вы можете вставить ссылку на картинку (сервис работает и с адресом изображения).
Сервис WhatTheFont
Уже спустя несколько секунд программа предложит вам несколько вариантов, которые больше всего похожи на предложенный вами шрифт.
Сервис WhatTheFont результат
Для того, чтобы изображение максимально точно распозналось сервисом, постарайтесь выполнить несколько важных рекомендаций:
- Текст на картинке должен размещаться исключительно горизонтально.
- Высота одной буквы должна составлять хотя бы 100 пикселей.
- Следите за тем, чтобы буквы на картинке не прикасались друг к другу. Это усложнит процесс поиска шрифта по изображению.
- Сайт имеет ограничение на количество знаков – не более 50.
Учтите, что сервис плохо распознает кириллицу. Это может немного усложнить задачу тем, кто хочет найти русский шрифт. Однако не переживайте – для качественного распознания достаточно нескольких букв, которые одинаково используются как в кириллице, так и в латинице.
What font is
Принцип работы данного сервиса весьма похож на предыдущий. Однако следует учитывать, что база сайта не такая большая, как у WhatTheFont. Да и на то, чтобы определить шрифт онлайн, может уйти больше времени. Для того, чтобы узнать необходимую информацию, нужно выполнить несколько простых действий:
- Перейдите на сайт сервиса — whatfontis.com.
- Загрузите на страницу изображение необходимого шрифта, которое вы предварительно сохранили на своем компьютере.
- Нажмите на Проверить и дождитесь ответа сайта.
Сервис What font is результат
Важным преимуществом сервиса является встроенная фильтрация результатов. То есть вы можете указать определенные параметры поиска (например – показать только бесплатные шрифты). Если сайт не нашел подходящий вариант, вам предлагается отредактировать шрифт прямо на сервисе. Таким образом вы сможете самостоятельно смоделировать нужный стиль.
В предыдущем приложении максимальное количество символов составляло 50 знаков. В What Font is количество букв сократилось до 10.
Identifont
Выше мы описали два сервиса, которые позволяют совершить автоматический поиск шрифта по картинке. Однако это далеко не единственный метод. Предлагаем вам ознакомиться с другим принципом распознавания – текстовым. И Identifont как раз является одним из самых распространенных вариантов подобной идентификации. Для того, чтобы запустить проверку на этом сервисе, вам не нужно загружать скриншот или фотографию с понравившимся вам шрифтом. Сайт работает немного по-другому.
Он предлагает вам ответить на несколько вопросов относительно стиля оформления выбранного вами шрифта. Таким образом он отсеивает совершенно не подходящие варианты и оставляет те, которые соответствуют вашему запросу.
Сервис Identifont
Онлайн сервис Identifont отлично подходит тем, кто обладает дополнительной информацией о том или ином шрифте. Дело в том, что на сайте вам предлагается еще несколько вариантов поиска:
- По названию шрифта (если вы, к примеру, знаете первую букву или часть названия).
- По фирме, которая занималась разработкой шрифта.
- По наличию дополнительных символов в шрифте.
- По имени и фамилии дизайнера выбранного шрифта.
Кроме того, вы можете найти уже известное вам название шрифта и ознакомиться с похожими вариантами. Возможно, они заинтересуют вас больше.
Сервис Identifont результат
Bowfin Printworks
Как и все предыдущие варианты сервисов, сайт не работает с кирилличным текстом. Bowfin Printworks определяет шрифт по изображению, а не по перечню вопросов, как предыдущий сайт. Однако он ищет не по картинке, которую вы загрузили из своего компьютера. Здесь алгоритм работет несколько иначе. Сайт имеет в запасе множество шрифтов и предлагает вам выбрать параметры варианта, который вас устроит. Весь процесс поиска шрифта по картинке можно поделить на несколько этапов:
- Вы переходите на сайт — bowfinprintworks.com.
- Сервис предлагает вам несколько картинок с одинаковыми буквами, выполненными в разных стилях.
- Обращая внимание на мелкие детали (крючки, толщина и т.д.) вы выбираете наиболее подходящий вариант.
Сервис Bowfin Printworks
Bowfin Printworks имеет обширную базу, однако работает не так быстро, как уже описанные выше сервисы.
В то же время ресурс обладает некоторыми преимуществами:
- На сайте содержится полезная информация относительно работы с наиболее популярными шрифтами.
- Пользователь может разработчику сайта в случае, если возникли трудности, например, с идентификацией некоторых символов.
Сервис Bowfin Printworks результат
Конечно, работа на сервисе отнимет немало времени. Однако у вас есть возможность вручную исключить все неподходящие варианты и найти шрифт по имеющемуся изображению.
FontShop
Принцип работы сервиса FontShop имеет много общего с описанным выше сервисом. Он также предлагает осуществить поиск шрифта по изображению на основе выбора наиболее характерных деталей букв. Все очень просто – сайт дает несколько характеристик символов:
- ширина линий;
- контраст букв;
- вид угла знаков;
- тип буквы (прямой или курсив).
Изначально сайт предлагает несколько сотен шрифтов. Однако в процессе поиска вы сужаете количество вариантов к минимуму. Так что в результате остаются только наиболее подходящие стили символов.
Сервис FontShop
Из преимуществ сервиса – возможность выбора шрифта из огромной базы, собранной разработчиками (около тысячи разных шрифтов). Из минусов – длительность распознавания. На то, чтобы найти вариант, который соответствует увиденному вами шрифту, у вас может уйти несколько часов. Да и гарантии сервис не дает. Так что вполне вероятно, что вы потратите эти несколько часов впустую.
FontDetect
Данный сервис работает исключительно на Windows и осуществляет поиск по шрифтам, которые уже находятся в базе вашего персонального компьютера. Поэтому неудивительно, что результаты данной операции могут отличаться неточностью. Кроме того, иногда программа не выдает никаких результатов, что ставит в тупик пользователя. Главным преимуществом подобной программы (по сравнению со многими сервисами, описанными выше) – возможность определить шрифт онлайн не только для латиницы, но и для кирилличного текста.
Работать с программой довольно просто. Для того, чтобы распознать шрифт по картинке, вам придется выполнить несколько простых действий:
- Откройте программу и загрузите необходимое изображение из папки компьютера.
Font Detected — загрузить изображение
- Далее необходимо выделить область вокруг текста (или по-другому – область распознавания). Именно с ней и будет работать программа.
Выделяем область
- Выделенную область отмечаем более контрастным оттенком.
- По тем символам, которые распознает приложение, вам необходимо будет задать определенные буквы.
- Приложение предложит вам добавить новые папки для поиска. Сделайте это, если они вам необходимы.
Задаем новую папку
- В результате поиска шрифта по картинке
программа выберет несколько вариантов, которые внешне наиболее похожи на шрифт из фотографии. Для того, чтобы показать, какой вариант подходит больше всего, программа использует процентное соотношение.
Распознавание шрифта
FontDetect
Программа для Windows, которая ищет подходящие варианты среди имеющихся на компьютере шрифтов, из-за этого выбор может быть сильно ограничен. Умеет распознавать кириллицу. Чтобы начать поиск, загружаем картинку, выделяем область для распознавания и делаем ее более контрастной.
Задаём буквы для каждого распознанного символа.
Если нужно, добавляем папки для поиска.
И получаем список шрифтов.
Font Finder
Продвинутый инструмент, который сравнивает шрифты с библиотекой, состоящей из 550 тысяч образцов. Но за один раз сервис может идентифицировать шрифт только одной строки текста.
Чтобы восполнить этот недостаток, инструмент снабжен графическим редактором, который позволяет увеличить контраст для темных изображений, обрезать ненужные участки и т.д. Это повышает эффективность распознавания шрифта.
Identifont
Для поиска шрифта на Identifont загружать картинку не понадобится: сайт предлагает найти подходящие варианты с помощью перебора их характерных признаков. Чтобы получить результат, нужно ответить на ряд вопросов.
Подобным образом работает поиск на Linotype, Bowfin Printworks, Fonts.com и Rentafont.
Ещё Identifont предлагает искать по названию шрифта (например, если известна его часть) или компании-издателя, фамилии дизайнера или по наличию каких-либо особых символов. Также можно ввести название уже известного шрифта и подобрать похожие на него варианты.
Профильные сообщества в сети
Если ни один из предложенных вариантов не помог распознать шрифт, всегда можно спросить совета у других дизайнеров. Для этого пригодятся форумы и сообщества, посвященные типографике:
- Type&Typography на Фейсбуке;
- форум MyFonts;
- TypeID на Flickr;
- Typophile.
Как определить шрифт по картинке онлайн?
Представляем вашему вниманию самые популярные сервисы, обратиться к которым может любой желающий – главное, чтобы у пользователя был электронный гаджет с выходом в Интернет. Ни в одном случае платить не придется, а значит – человеку необходимо лишь выбрать ресурс, отвечающий его индивидуальным требованиям.
WhatTheFont
WhatTheFont — крупнейшая разработка по распознаванию шрифтов. Считается самой востребованной среди графических редакторов и дизайнеров. Преимущество сервиса не только в огромной базе данных (без преувеличения – самой большой в мире), но и в доступном интерфейсе. Если вы решили воспользоваться программой, необходимо просто зайти на официальный ресурс продукта, предварительно скачав изображение, которое вас заинтересовало:
- Пользователю нужно всего лишь «залить» исходник на сайт.
- Затем запустить процесс распознавания.
- Через некоторое время система проанализирует базу и предложит один или несколько вариантов шрифта, максимально напоминающих тот, который представлен на картинке. Идентификация осуществляется буквально в несколько кликов.
Воспользоваться программой можно по ссылке – myfonts.com
Identifont
Следующий инструмент, который поможет «узнать» понравившийся шрифт, – Identifont. Программа ничем не уступает описанному выше конкуренту, однако на работу с ней придется затратить немного больше времени. Основная отличительная особенность продукта – перед тем, как запустить идентификацию, необходимо ответить системе на ряд вопросов, касающихся элементов интересующей вас типографии:
- Описали, какие изгибы, высота и толщина вам приглянулись? Есть ли у «объекта» засечки?
- По завершении опроса внимательно изучайте результат – система предложит вам перечень шрифтов, которые так или иначе соответствуют вашим запросам (то есть ответам, если быть точнее).
Регулировать результаты поиска можно самостоятельно, для этого нужно обратиться к левой колонке сервиса – именно там отражены вопросы, на которые вы отвечали. Многие графисты утверждают, что подобные манипуляции очень увлекают творческого человека, а в самом процессе можно открыть для себя что-то абсолютно новое и интересное.
Воспользоваться программой можно по ссылке – identifont.com
Fount
Еще одна палочка-выручалочка для дизайнеров и просто творческих личностей – инструмент под названием Fount, которым удастся воспользоваться, не затрачивая время на извлечение понравившейся картинки из Сети. Продукт совершенно бесплатный и отличается тем, что его устанавливают в качестве расширения к используемому браузеру.
Преимущества программы очевидны даже неопытному юзеру: она не только идентифицирует шрифт, но и расскажет, какими характеристиками обладает объект. Заинтересовал инструмент? Воспользоваться им очень просто:
- Перейдите на ресурс разработки. Отыщите на странице кнопку «Fount» и перетащите ее на панель закладок вашего браузера. Система готова к работе.
- Откройте сайт, шрифт на котором показался вам интересным. Подождите, пока портал полностью загрузится, а после этого нажмите на установленную вами закладку. С помощью мыши укажите программе объект, заинтересовавший вас.
- Наслаждайтесь быстрым результатом идентификации.
- При необходимости отключить функцию – кликните по закладке повторно.
Полезно: имейте в виду, что рассматриваемый нами инструмент совместим не со всеми браузерами, для работы вам понадобится скачать Chrome, Safari или Firefox.
Воспользоваться сервисом можно по ссылке – fount.artequalswork.com
WhatFont
Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.
Стоит отметить: WhatFont позволяет определить не только название, но при нажатии на текст также межстрочный интервал, начертание, размер, семейство, которому принадлежит шрифт, а также его текущий цветовой код. Кроме того, можно посмотреть, как шрифт выглядит на примере английского алфавита в целом и скачать — если к его разработке приложила руку сама Google.
Текст на картинке (кириллические)
К сожалению, я пока еще не встречал сервисов, которые могут распознавать кириллические (русские) шрифты. Очень жаль. Попадалась одна программа font detect, но она ищет шрифты только в конкретных папках на вашем компьютере и на самом деле не сама по себе не очень.
Но есть общедоступный сайт, где люди выкладывают картинки с текстом, а знающие люди помогают определить, что это вообще. В итоге в большинстве случаев результат положительный.
- Зайдите на сайт fontmassive.com и вставьте в сообщение картинку. Для этого либо перетащите его из окна проводника с помощью зажатой левой кнопкой мыши прямо в строку, либо нажмите на соответствующий значок.
- Напишите какое нибудь сообщение или комментарий, введите свое имя и почту, чтобы получить уведомление когда вам ответят, и нажмите «Отправить».
- После этого либо периодически заходите на сайт, чтобы проверить, как там поживает ваш пост, либо ждите, когда придет уведомление на почту. Обычно это не занимает много времени.
5 сайтов и мобильных приложений
Вам попался в интернете текст, написанный красивым шрифтом. Вы хотите себе такой же, но не знаете его название. Определите шрифт по картинке онлайн: с помощью специальных сайтов и мобильных приложений. Сделайте качественное фото текста либо скачайте готовую картинку на свое устройство. Загрузите ее в сервис и получите список похожих шрифтов.
Какой должна быть картинка
Сразу предупреждаю: идеального результата вы не добьетесь, но сможете найти похожие варианты.
Что сделает поиск более точным:
- Горизонтальное расположение букв.
- Достаточное расстояние между символами. Они не должны сливаться.
- Качество фото максимально возможное, чтобы при увеличении знаки не размывались. Рекомендуется использовать разрешение не менее 600 точек на дюйм. Буквы должны быть с четким контуром.
Онлайн-сервисы и приложения для поиска шрифта
Интерфейс у всех сервисов на английском языке. Некоторые из них распознают и латиницу, и кириллицу.
Сервис от MyFonts: сайт и мобильное приложение
MyFonts – интернет-магазин шрифтов. В рамках платформы есть сервис для поиска шрифтов по картинке. Здесь принимают только два вида файлов: png или jpg.
У сервиса два инструмента: сайт магазина и мобильное приложение. Приложение доступно для Android и iOS. Плюс мобильной версии – можно сделать моментальный снимок с помощью камеры устройства.
Найденные шрифты можно приобрести на этой же площадке – рядом с каждым вариантом указывается стоимость. Бесплатных шрифтов здесь нет.
Как запустить поиск через сайт:
- Перейдите на платформу MyFonts.
- Зажмите файл левой кнопкой мыши и перетащите его на область «Drop an image here to identify the fonts».
- Либо кликните по ссылке «or click here to upload an image». Откроется «Проводник Windows».
- Перейдите в нужную папку. Выберите изображение левой кнопкой мыши и нажмите «Открыть».
- Подождите, пока фотография загрузится в сервис. Система выделит отдельные слова на картинке. Выберите нужное слово и нажмите на кнопку со стрелкой.
- Оцените результат. Если система определила слово неправильно, введите исходную фразу в поле «Enter your own text» и нажмите на кнопку «Change text». При желании увеличьте размер символов в образцах с помощью тумблера справа.
- Если вам приглянулся какой-то шрифт, кликните по его названию. Либо нажмите на кнопку «Get it», чтобы оформить покупку.
Расскажу, как работать в мобильном приложении WhatTheFont:
- Запустите программу. Включите тумблер «I have read the terms and conditions». Нажмите «Accept».
- Разрешите сервису доступ: к камере и памяти устройства.
- Если хотите сделать моментальный снимок букв, наведите объектив на текст, подождите, пока завершится фокусировка. Нажмите на круглую кнопку внизу, чтобы сделать снимок. Если у вас есть готовая фотография, нажмите на картинку с пейзажем в левом нижнем углу.
- Кликните по иконке с плюсом справа внизу. Выделите рамкой буквы, шрифт которых хотите узнать. Нажмите на голубую кнопку со стрелкой.
- Подождите, пока сервис просканирует текст. В результате появится список похожих шрифтов. В образцах будут другие буквы для примера. Чтобы увидеть исходное слово в разных шрифтах, нажмите на карандаш.
- Введите слово или просто набор букв, который изначально был на вашей картинке.
- Выберите нужный вариант.
- Нажмите на кнопку «Buy it at MyFonts», если хотите купить набор. Выберите удобный браузер для запуска страницы и оформите заказ. Чтобы поделиться шрифтом с друзьями, нажмите на кнопку «Share». Укажите мессенджер, который хотите использовать для отправки результата.
Сайт WhatFontIs
В сервисе WhatFontIs хранится более 700 тыс. шрифтов. Есть как платные, так и бесплатные. Также на самом сайте можно купить PRO-аккаунт: более точный поиск и отсутствие рекламы. В платном профиле можно искать бесплатные альтернативы дорогих шрифтов (через Google Fonts Search). Стоит подписка от 39$ в год. Можно оформить бесплатный тест-драйв на неделю.
Без подписки сервис покажет 60 похожих шрифтов для каждой картинки. Наиболее интересные можно скачать на компьютер.
Как подобрать шрифт на сайте:
- Откройте платформу. В правой части экрана появится поле «Drag and Drop image». Перетащите на него свою картинку. Либо кликните по полю левой кнопкой мыши. Выберите файл и нажмите «Открыть».
- Если у вас есть ссылка на картинку в интернете, вставьте ее в строку «specify an Image URL». Нажмите «Find the Font».
- Подождите, пока изображение загрузится. Система сама определит слова на картинке. Выберите нужное слово и нажмите «Next Step».
- Нажмите на рекомендованный вариант фона (отмечено словом «recommend»).
- Система разделит слово на буквы. Введите символы, которые соответствуют буквам на картинке. Если символы русские, найдите им аналоги из латиницы. Система не принимает буквы из русского алфавита.
- Поставьте галочку «Display only free fonts», если хотите посмотреть только бесплатные шрифты. Нажмите «Next Step».
- Посмотрите список из 60 похожих вариантов. Если какой-то вам понравился, нажмите на кнопку «Download», чтобы скачать шрифт на устройство.
Сайт FontSpring
FontSprint – еще один интернет-магазин шрифтов. Здесь есть как платные, так и бесплатные варианты. Бесплатные представлены в разделе «Fonts with Worry-Free Licenses». Программа лучше всего распознает именно латиницу. Поиск по русским буквам очень неточный.
Есть 2 способа загрузки фото. Можно выбрать файл, хранящийся на жестком диске устройства, либо ввести адрес картинки в интернете.
Как работать в сервисе:
- Откройте сайт магазина. Нажмите на «Upload Image». Выберите файл на диске ПК и загрузите его в сервис.
- Либо нажмите на «image URL», если у вас есть ссылка на картинку в интернете. Вставьте ссылку в поле и кликните «Get URL».
- Подождите, пока система определит буквы на картинке.
- Нажмите на кнопку «Matcherate It!».
- Оцените результат проверки. При необходимости откройте наиболее похожий шрифт.
- Чтобы купить либо бесплатно скачать шрифт, кликните по кнопке «Purchase it».
Мобильное приложение Find my Font для Android
Интерфейс у Find my Font немного запутанный. Результат поиска в целом такой же, как и на платформе MyFonts. Можно попробовать загрузить русские буквы. Но тогда в дублирующем поле введите их английские аналоги.
Программа показывает процент сходства. Некоторые шрифты можно бесплатно скачивать на устройство. Остальные придется покупать.
Как найти шрифт в приложении:
- Запустите программу. Разрешите ей доступ к камере устройства.
- Выберите способ загрузки фото: моментальный снимок с помощью камеры либо картинка из галереи.
- Если выбрали готовый образец, дайте программе доступ к памяти устройства.
- Выберите фото из галереи либо сделайте моментальный снимок. Появится небольшая инструкция, как пользоваться приложением, на английском языке. Поставьте отметку «Don’t show again» и нажмите на галочку, чтобы убрать инструкцию.
- Тапайте по буквам, шрифт которых хотите выяснить. Символы будут выделяться синим цветом. Выберите несколько букв и нажмите на стрелку в правом верхнем углу, чтобы запустить анализ.
- Продублируйте буквы в поле «Text to match» и «Text to preview». Нажмите на лупу в правом верхнем углу. Подождите, пока завершится анализ. В итоге появится список похожих шрифтов. У каждого шрифта будет название и процент сходства.
- Установите в меню «Search in» значение «Freemium», если вам нужны только бесплатные шрифты. Выберите вариант, максимально близкий к истине. Кликните по иконке «i». Выберите браузер для запуска сайта Find my font. В карточке шрифта указан официальный сайт его разработчика. Перейдите по указанному адресу и скачайте шрифт на устройство.
Сайтов для распознавания шрифтов не так много. Все они на английском языке и рассчитаны в основном на латинские символы. Есть также два мобильных приложения. Чтобы поиск был более точным, берите картинку с горизонтальным расположением букв. Убедитесь также, что качество у фотографии высокое.
Обложка: Findmyfont
Определить шрифт по изображению. Поиск шрифта по картинке – лучшие бесплатные онлайн сервисы. Текст на веб-страницах
Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке
».
Тем, кто не связан по роду деятельности с графикой либо вебдизайном, сложно понять, зачем это необходимо)) Те, кто «в теме» хорошо знают, как сложно определить тип шрифта на какой-либо картинке либо логотипе и подобрать его так, чтобы текст смотрелся почти как на оригинале.
Ранее я уже писал про онлайн сервис, который позволяет под какие-то нужды, но этот инструмент бессилен, когда требуется идентифицировать тип шрифта по конкретному примеру. Поэтому спешу представить Вам инструмент, который может помочь в таких случаях.
WhatTheFont – бесплатный онлайн сервис, который поможет определить шрифт по картинке. Для того, чтобы результат определения был максимально точным, желательно соблюсти следующие условия:
- буквы не должны сливаться другом, иметь четкие контуры
- буквы должны быть выровнены по горизонтальной линии
- желательно, чтобы высота букв была около 100px
Чтобы определить шрифт по картинке, необходимо загрузить эту самую картинку на сервис либо указать её адрес в интернет. Оба эти действия производятся на главной странице WhatTheFont.
В качестве примера давайте определим шрифт
в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.
Кстати, тем, кто еще не посещал этот сайт, крайне рекомендую сделать это – получите настоящее удовольствие).
Я сделал скриншот лого и загрузил картинку в таком виде:
Как видите, фон шрифта даже не контрастный, хотя это тоже желательно условие (черное на белом либо белое на черном).
На следующей странице сервис автоматически разобьет всю надпись на картинке на отдельные буквы и попытается их определить. Литеры, которые не определились, либо идентифицированы не верно, Вы можете вписать сами в маленьких окошках. В моем примере всё определилось верно в автоматическом режиме.
На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!
К сожалению, WhatTheFont имеет несколько недостатков:
- Хотя база данных сервиса содержит огромное количество шрифтов, некоторые экзотические он определить не в состоянии
- Кириллические шрифты сервис не определяет. Однако этот недостаток достаточно условный, потому что в интернет нет ни одного сервиса определения шрифта по картинке, который бы работал с кириллическими шрифтами. К сожалению…
WhatTheFont является лидером среди себе подобных онлайн сервисов, имеет хорошее сообщество, куда можно обратиться за помощью при определении шрифта, полностью бесплатный и работает очень шустро. Рекомендую однозначно!
P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям).
Здесь мы собрали самые удобные сервисы и приложения для идентификации шрифтов. Сохраните эту статью себе в закладки и вы с легкостью сможете узнать название любого шрифта!
Дизайнеры часто сталкиваются с необходимостью узнать, каким шрифтом написан тот или иной текст. Перебор всей имеющейся коллекции шрифтов в поисках совпадения — далеко не самый удобный способ. Кроме того, нужного шрифта может просто не оказаться. Конечно, можно обратиться за помощью на тематические форумы, где другие дизайнеры смогут подсказать название шрифта. Только вот ждать ответа придется неделями. А если ждать некогда? Что же делать тогда?
На самом деле все просто. Воспользуйтесь этими ресурсами и вы сможете узнать название шрифта буквально за пару минут, а может даже быстрее!
Online-сервисы
WhatTheFont
WhatTheFont — объективно лучший сервис для идентификации шрифтов по картинкам. Просто загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, и жмете на большую зеленую кнопку. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Сервис удобен еще и тем, что найденный шрифт можно сразу же купить.
Для тех, кто ищет шрифты постоянно и в любых условиях, есть мобильное приложение для iPhone и Android. Можно просто сфотографировать шрифт и тут же узнать его название. Очень удобно!
IdentiFont
На этом сервисе можно искать шрифт, если у вас нет его изображения, но вы помните, как он выглядит, и сможете указать его характеристики, отвечая на ряд вопросов. Не сказать, что это самый удобный способ, но если другого варианта нет — вполне можно найти то, что нужно! Создатели сервиса предлагают разные варианты поиска шрифтов: по названию (частичному), по шрифтовым семьям, по символам и даже по дизайнерам, которые их разрабатывали.
Whatfontis
What Font is — онлайн-сервис идентификации шрифта по картинкам. Во многом похож на WhatTheFont, но стоит добавить в закладки, на всякий случай.
Приложения и расширения для браузеров
Помимо вышеперечисленных онлайн-сервисов, существуют их аналоги в виде расширений для браузеров. Их плюс в том, что не нужно каждый раз открывать новую вкладку, чтобы узнать каким шрифтом сделана та или иная надпись на сайте. Достаточно просто активировать расширение.
FontFaceNinja
Бесспорный лидер на данный момент. FontFaceNinja дает возможность не только узнать название любого шрифта на сайте (не картинки), но и попробовать его написание здесь же на сайте, а также (внимание) скачать понравившийся шрифт! Конечно, авторы предупреждают, что шрифты скачиваются исключительно для ознакомления.
Помимо красоты и удобства этого расширения есть еще один приятный момент. В FontFaceNinja есть волшебная кнопка (маска), которая скрывает всю рекламу со страницы, позволяя наслаждаться исключительно шрифтами. Скачать расширение можно совершенно бесплатно. Работает с Chrome и Safari.
Whatfont tool
Расширение для Chrome и Safari, которое поможет узнать названия шрифтов в браузере. Показывает достаточно подробную справочную информацию по интересующему шрифту, включая шрифтовую семью, размер и высоту строки.
Fount
Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.
Апгрейд личных навыков распознавания шрифтов
Каждому хочется быть крутым дизайнером, который знает не только все существующие шрифты по названиям и семьям, но еще может перечислить разработчиков и рассказать истории создания. Конечно, такие навыки — это бесспорный талант. Но немного улучшить свои знания вполне реально. Вот несколько игр и инструментов, которые помогут вам в этом.
Font Trainer
Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.
The Font Game HD
Это приложение в буквальном смысле играючи поможет выучить названия и начертания шрифтов. Есть разные режимы игры, интересные задания и статистика ваших достижений. Из минусов стоит отметить, что приложение платное и только в AppStore.
Простой и красивый тест, о котором мы отдельно писали в блоге. Сможете ли вы определить 10 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!
Напишите нам, если вы знаете еще какие-то удобные сервисы или приложения для идентификации шрифтов. Будем рады вашим комментариям! И поделитесь ссылкой на эту статью с друзьями. Пусть их жизнь тоже станет чуточку проще 🙂
Что делать, если вам понравился шрифт, но вы не знаете его название? Все очень просто, если под рукой есть его графическое начертание. Существует большое количество online-сервисов, которые делают поиск шрифта по картинке
, и надо признать, достаточно неплохо.
В этой статье мы рассмотрим некоторые из них, и постараемся быстро найти неизвестный шрифт, имея под рукой лишь его начертание.
Самым известным и популярным сервисом, среди прочих, является What The Font .
Он очень прост в использовании и выдает весьма неплохие результаты. Ко всему прочему, в его базе содержится огромное количество, как бесплатных, так и платных шрифтов. Поэтому, если вам не удалось найти нужный, попробуйте подобрать нечто похожее из шрифтовой базы сайта.
Вот пошаговая инструкция по работе с сервисом:
1. Загружаем изображение с начертанием нашего шрифта:
Картинка должна быть хорошего качества и не слишком маленького размера. Фоновые шумы и недостаточный контраст резко сказываются на качестве поиска. Потрудитесь доработать картинку в Photoshop, чтобы получить хороший результат.
Лучше, чтобы буквы были темными, а фон светлым. Как показала практика использования What The Font, размер изображения значительно влияет на результат поиска. Если картинка слишком мала, результатов будет больше. Но по мере увеличения изображения, их количество сокращается до минимума.
2. Загрузив картинку, убедитесь, что сервис правильно определил количество глифов. Глиф — это графический образ знака. Один знак не всегда соответствует одному глифу. Например, буква «а» в любом написании остается одной буквой и одним знаком. Но капительная «а» и строчная «а» — два разных глифа.
В то же время, один глиф может соответствовать нескольким знакам. К примеру, «ffi» — один глиф, но три знака. То есть в словах, где есть сочетание «ffi» глифов будет меньше, чем знаков.
3. После всех манипуляций, вы получите результат поиска.
В моем не сложном примере, шрифт был подобран правильно. К сожалению, так бывает не всегда.
Если What The Font не дал результата, а вам лень, можно попробовать прогнать картинку по другим похожим сервисам. Давайте рассмотрим некоторые из них.
Сайты и сервисы по поиску шрифтов
Этот сервис для поиска шрифта задает вам ряд вопросов на английском языке. Вы выбираете предположительно-правильные ответы. После чего, Identifont предложит вам нужный (не всегда) шрифт.
Этот ресурс может быть полезен, если у Вас нет изображения шрифта на цифровом носителе. Сервис довольно специфический в использовании и найти с его помощью шрифт не просто. Хотя производитель утверждает, что это крупнейший бесплатный ресурс для поиска нужного шрифта.
Крупнейшее сообщество специалистов во всех творческих областях, включая шрифтовиков. Здесь нет автоматизированного поиска, найти шрифт можно загрузив картинку на форум. В большинстве случаев — это самый простой и эффективный способ.
Сообщество на популярном сайте Flickr, в котором вы можете найти названия шрифтов, используемых в различных изображениях, логотипах, надписях. Здесь можно быстро получить справку по шрифтам и найти необходимый шрифт по его изображению. Единственное, вам придется писать на английском (google translate в помощь).
В заключении
Каждый из приведенных выше сервисов эффективен по своему. Комбинируя их, найти нужный шрифт получается довольно быстро. Я очень часто пользуюсь What The Font + Demiart. В 90% случаев мне удается найти нужный шрифт в течении 20 минут.
Если вы сами выступаете в качестве дизайнера, то наверняка просматриваете все сайты с долей критицизма. Вы всегда оцениваете и осуждаете то, как выполнен дизайн. Одним из важнейших аспектов дизайна является шрифт! Если вам нравится стиль шрифта, то вам наверняка захочется использовать такой же в собственном будущем дизайне. Но для того чтобы сделать его, вам сначала нужно будет узнать, что за шрифт используется на сайте. Ввиду огромного множества доступных в интернете шрифтов, а также учитывая те объемы новых шрифтов, которые появляются каждый день, бывает довольно сложно распознать шрифт
, если просто смотреть на него.
Поэтому я подумал, что стоит поработать над подборкой 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, а в последнем пункте предоставлю еще шесть. Заходим по ссылке
и видим меню загрузки.
- Загружаем изображение со шрифтом с компьютера.
- Заливаем по url.
- Открываем дополнительные настройки.
- Отмечаем если по картинке есть тень.
- Если линия шрифта идет не четко по горизонтали, то его надо выровнять, отмечаем галочку.
- Если необходим редактировать файл, то на сервисе есть встроенный менеджер.
- Продолжить.
Онлайн сервис разобьет файл по буквам, возможно что он может не правильно разложить, тогда можно объединить элементы простым перетаскиванием, зажимаем левую кнопку мыши и перетаскиваем.
В моем случае разложено нормально, но сервис не смог распознать сами символы, как видим пустые окошки. Можно оставить пустыми, но лучше заполнить, чтобы облегчить процесс распознавания.
Помните мы отмечали пункт редактора, чтобы в него войти пролистайте в низ и найдите строчку запуска онлайн редактора. Для корректной работы нужна последняя версия flash player.
Рассматривать не буду, отредактированный файл закидываем обратно на анализ и проделываем проверку. Заполнив все поля с буквами, нажимаем большую красную кнопку continue, и смотрим результат. Один раз сработал и распознал кириллического написания.
Нашел 15 результатов, на скриншоте показаны первые две строчки, шрифты очень похожи на мой исходный, с примером написания и названием. На этом все, далее разберу расширение для браузера.
Совет, чтобы искать кириллические тексты, загружайте изображения с буквами совпадающие с русскими, например буквы A, H, P и т.д.
Расширение What font: кириллица не проблема
Сканер расширения смотрит на прописанные шрифты в коде сайта, поддается обработке даже кириллица. К сожалению графические элементы распознать не может, но все остальное очень быстро. Заходим по ссылке
и устанавливаем расширение в браузер.
Подходит почти для всех видов браузеров google chrome, на яндексе и firefox идет отлично, проверял.
Для активации нажимаем значок в активных и ждем загрузки. Как только инструмент будет готов к использованию он изменит цвет. Теперь чтобы определить шрифт наводим на необходимый элемент в странице.
- Значок стал активным. Для включения процесса нажимаем, тоже самое делаем для отключения.
- Элемент со шрифтом.
- Расшифровка стиля, семейства и написания.
Крутой правда, не мог его не показать, хотя тема статьи по картинке, но дать дополнительную информацию надо.
Приложение на мобильные устройства
К сожалению не нашел для андроида, выручило приложение WhatTheFont, так и вводите название в itunes. Приложение бесплатно дает возможность загрузки изображений с самого устройства и с помощью видеокамеры. Удобнее чем с сервисами, можно сфотографировать понравившийся фрагмент текста и узнать шрифт по картинке. Для работы необходимо подключение к интернету и соответственно приложение WhatTheFont.
Пробовал у знакомого, работает и справляется лучше любого онлайн инструмента. Переходим к подборке альтернатив.
Альтернативные онлайн сервисы
В дополнении к первому пункту приведу еще 6 сайтов, большинство на английском, один на русском. Онлайн способы построены в порядке убывания по эффективности.
Myfonts аналог whatfontis
Располагается по адресу
, аналогичен whatfontis, так же может искать по картинке, но результаты не всегда точные. Каждый раз выдает разные результаты, но раза с пятого может попасть в цель. Принципы направлены на поиск по некоторым особенностям, завитушки, засечки, толщина и другие.
Найти можно здесь
, единственный русский портал Fontmassive, действует бесплатно. Нет систем распознаваний русского языка (смешно), есть только глас народа, ответ дают люди. Нужно зарегистрироваться и подать заявку, чтобы подсказали. Удобно и практично, дабы лучше человека на вопрос никто не ответит.
Identifont.com находит шрифты по опросам
Находиться на странице
, чтобы определить нужное семейство и стиль инструмент опрашивает вас об особенностях шрифта, какие буквы, как располагаются и так далее. Если сомневаетесь есть кнопка “не уверен”, способ более длительный, но сможет максимально приблизить к положительному эффекту. Анализировать можно и на кириллице, написание же одинаковое.
Возможность поиска на typophile
определяет опять таки человек, но теперь чтобы запустить поиск, от вас требуется дать картинку, сделать отдельную тему, и ждать ответа от знатоков. Отличается от Fontmassive наличием продвинутых специалистов, но опять на английском, гугл переводчик в помощь.
Фишка bowfinprintworks
: он сразу выдает вопросы для заполнения в виде чекбоксов и примеров. Есть десять полей для заполнения, определяет шрифт по написанию лишь некоторых букв. Выдает адекватный поиск не плохой эффект, но надо анализировать, не все будут вглядываться в буквы и символы.
Жалко что программа для нахождения стилей, не существует. Было бы удобно иметь стационарный софт на компьютере.
Закончу обзор, и скажу: поиск шрифта по картинке это кропотливый труд, автоматизированные способы не всегда дают положительный результат, придется поработать руками. И в заключении видео.
Итак, Вы просматриваете Ваш любимый ресурс и находите на нем сайт, использующий которые Вам нравится. Вы тоже хотите такой шрифт (и чем быстрее, тем лучше!)… и что же нужно сделать, чтобы узнать название этого шрифта? Звучит знакомо? Да, мы все бывали в подобных ситуациях.
Самый простой вариант – просто написать веб-мастеру этого сайта и спросить название шрифта, а также где его можно взять. Ответ может прийти не сразу, к тому же, не все веб-мастера отвечают на такие письма. Поэтому я решил составить список бесплатных он-лайн ресурсов для ускорения процесса идентификации шрифта.
Cервис создан одним из крупнейших поставщиков шрифтов (myfonts.com, — прим.перев). Это ресурс №1 в Вашем списке идентификаторов шрифтов. Просто загрузите картинку со шрифтом, который нужно идентифицировать, на сервер WTF (делаете скриншот и вырезаете слово с понравившимся шрифтом, — прим.перев) или вставьте ссылку на изображение шрифта в специальную строку. Система покажет Вам в результатах различные варианты шрифтов.
Если система не сможет распознать шрифт, Вам будет предложено перейти на Font Forum , где Вы можете запостить картинку со шрифтом и подождать ответа от экспертов относительно того, что это может быть за шрифт. Я использовал оба варианта, и это обычно решало большую часть моих вопросов, касающихся шрифтов
Identifont
P.S. От себя лично и читателей Дизайн Мании хочется поблагодарить проект МногоЛого за эту подборку действительно полезных в работе сервисов. Оригинал статьи находится на сайте Webdesign Deport . Подчас именно от шрифтов в дизайне сайта многое зависит. Чаще всего используются, конечно, стандартные наработки, но с развитием интернета, HTML5, сервисов шрифтов постепенно дизайнеры обращают внимание и на другие возможности оформления текстов.
P.P.S. Хотите стать радиоведущим? Всегда мечтали работать на радио? — тогда курсы радиоведущих в киеве то, что вам нужно, узнаете и получите весь необходимый объем знаний.
Если вас всегда привлекал необычный цвет глаз, то можно использовать цветные контактные линзы которые доступны для заказа в интернет магазине ЛинзМастер.
Мы рассказали об Интернет-ресурсах, способных превратить процесс распознавания если не в нечто занимательное, то по крайней мере в рядовую, но перспективную процедуру.
И хотя лучшее — враг хорошего, сегодня мы пойдём ещё дальше. Ведь кому нужны целые сайты, когда есть расширения для браузеров?
Fontface Ninja
Повальное увлечение азиатской, и в частности японской, культурой, охватившее западный мир в предыдущем столетии, едва ли могло не найти отражения и в сфере IT.
На примере отдельных веб-продуктов мы видим это в минимализме, граничащем со строгостью, в смещении акцентов с результата на процесс и, безусловно, в симпатии к внешней атрибутике. А особую привлекательность для разработчиков, по-видимому, представляет собой воинственный и загадочный символизм самураев и их негласных антагонистов — ниндзя.
Расширение для идентификации шрифтов Fontface Ninja для Safari и Chrome вполне соответствует идее скрытного и эффективного наёмника. Работа с ним строится так: нажав на кнопку расширения, наведите курсор на интересующий шрифт — всплывающая подсказка будет содержать информацию о его названии, межстрочном интервале, размере. Если повезёт, тут же шрифт можно будет скачать.
Весьма любопытной может оказаться функция Mask: она позволяет скрывать графическое содержимое страницы, оставляя лишь текстовые блоки.
Type Sample
Ещё одно полезное расширение, но только для пользователей Chrome. Остальные могут приобщиться к прекрасному по старинке — воспользовавшись услугами закладок.
Принцип работы в данном случае аналогичен; особого внимания заслуживает, пожалуй, реализованная возможность «поиграться со шрифтами» в режиме реального времени. Всплывающая подсказка с информацией о гарнитуре — прошлый век, когда по нажатии на выделенный текстовый блок вы способны изменить размер шрифта, посмотреть на панграмму (англоязычную), ввести собственный пример текста и позволить себе иные вольности.
Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.
Стоит отметить: WhatFont позволяет определить не только название, но при нажатии на текст также межстрочный интервал, начертание, размер, семейство, которому принадлежит шрифт, а также его текущий цветовой код.
Кроме того, можно посмотреть, как шрифт выглядит на примере английского алфавита в целом и скачать — если к его разработке приложила руку сама Google.
Чем объяснить тот пиетет, который испытывают разработчики к пользователям Chrome, неизвестно, однако факт остаётся фактом: расширений для распознавания шрифта, поддерживаемых этим браузером, чуть больше.
Typ.io — идеальный вариант для максималистов, которые не приемлют лишних телодвижений. После установки расширения в нижнем углу браузера появится кнопка с букой «Т», нажатие на которую выводит названия всех идентифицированных на странице шрифтов в отдельном столбце. Чтобы узнать, где какой шрифт использовался, достаточно кликнуть на его название.
Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке
».
Тем, кто не связан по роду деятельности с графикой либо вебдизайном, сложно понять, зачем это необходимо)) Те, кто «в теме» хорошо знают, как сложно определить тип шрифта на какой-либо картинке либо логотипе и подобрать его так, чтобы текст смотрелся почти как на оригинале.
Ранее я уже писал про онлайн сервис, который позволяет под какие-то нужды, но этот инструмент бессилен, когда требуется идентифицировать тип шрифта по конкретному примеру. Поэтому спешу представить Вам инструмент, который может помочь в таких случаях.
WhatTheFont – бесплатный онлайн сервис, который поможет определить шрифт по картинке. Для того, чтобы результат определения был максимально точным, желательно соблюсти следующие условия:
- буквы не должны сливаться другом, иметь четкие контуры
- буквы должны быть выровнены по горизонтальной линии
- желательно, чтобы высота букв была около 100px
Чтобы определить шрифт по картинке, необходимо загрузить эту самую картинку на сервис либо указать её адрес в интернет. Оба эти действия производятся на главной странице WhatTheFont.
В качестве примера давайте определим шрифт
в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.
Кстати, тем, кто еще не посещал этот сайт, крайне рекомендую сделать это – получите настоящее удовольствие).
Я сделал скриншот лого и загрузил картинку в таком виде:
Как видите, фон шрифта даже не контрастный, хотя это тоже желательно условие (черное на белом либо белое на черном).
На следующей странице сервис автоматически разобьет всю надпись на картинке на отдельные буквы и попытается их определить. Литеры, которые не определились, либо идентифицированы не верно, Вы можете вписать сами в маленьких окошках. В моем примере всё определилось верно в автоматическом режиме.
На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!
К сожалению, WhatTheFont имеет несколько недостатков:
- Хотя база данных сервиса содержит огромное количество шрифтов, некоторые экзотические он определить не в состоянии
- Кириллические шрифты сервис не определяет. Однако этот недостаток достаточно условный, потому что в интернет нет ни одного сервиса определения шрифта по картинке, который бы работал с кириллическими шрифтами. К сожалению…
WhatTheFont является лидером среди себе подобных онлайн сервисов, имеет хорошее сообщество, куда можно обратиться за помощью при определении шрифта, полностью бесплатный и работает очень шустро. Рекомендую однозначно!
P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям).
Здравствуйте, дорогие друзья. Как провели выходные, а точнее праздники? Надеюсь, что хорошо. Я лично замечательно их провел. Мы с женой с друзьями ездили в город Ярославль. Но об этом я хотел бы рассказать в следующий раз. А пока к вам у меня один вопрос: представьте, что вы увидели какой-то текст (на сайте или картинке) и он вам жутко понравился. Представили? Отлично.
И вот что тогда делать, если вам хочется использовать этот шрифт у себя, например для фотошопа, офисных документов (Word, PDF и т.д.) или же для своего сайта? Я вам покажу как определить шрифт текста на картинке или любом сайте, ну или по крайней мере найти очень похожий на него. Готовы? Тогда поехали!
Если вы увидели красивый текст на каком-либо изображении, то рекомендую вам один способ для определения.
Но самое главное — не скачивайте ничего отсюда. Лучше ищите проверенным способом, который я показывал здесь
.
Но это я описал идеальный случай, когда темный шрифт находится на светлом фоне без лишних деталей. А вот если картинка более насыщенная и на ней больше деталей, то будет немного сложнее. Но все равно сервис постарается подобрать то, что считает похожим.
Текст на картинке (кириллические)
К сожалению, я пока еще не встречал сервисов, которые могут распознавать кириллические (русские) шрифты. Очень жаль. Попадалась одна программа font detect
, но она ищет шрифты только в конкретных папках на вашем компьютере и на самом деле не сама по себе не очень.
Но есть общедоступный сайт, где люди выкладывают картинки с текстом, а знающие люди помогают определить, что это вообще. В итоге в большинстве случаев результат положительный.
Текст на веб-страницах
Если вы зашли на какой-либо сайт и вам понравился сам шрифт написания на сайте, то его очень легко можно определить с помощью расширения в браузере гугл хром. Посмотрим? Давайте!
В общем, благодаря таким нехитрым приемам, вы сможете найти такой шрифт, который вам нужен, или же найти хотя бы что-то близкое и похожее. В любом случае это очень ощутимая помощь и намного лучше, чем если вы будете искать всё в ручную. Правильно я говорю?
Единственное, сервисы эти не всемогущие и могут не найти вам что-либо даже похожее. И на это могут влиять разные факторы, например слишком много лишних объектов на картинке или плохо сканируемый и круто-обработанный (растянутый или со множеством эффектов) текст. Так что старайтесь искать более подходящие изображения.
Ну а я на этом сегодняшнюю статью завершаю. И я искренне надеюсь, что она вам пришлась по нраву. Обязательно подпишитесь на обновления моего блога, а также поделитесь статьей в социальных сетях. Кроме того рекомендую вам почитать и другие статьи. Уверен, что вы найдете что-нибудь полезное для себя. Увидимся. Пока-пока!
С уважением, Дмитрий Костин!
Как найти нужный шрифт по его изображению. Лучшие сервисы и приложения для идентификации шрифтов
Иногда попадаешь на какой-то сайт и влюбляешься в дизайн с первого взгляда. Хорошие картинки, отличные текста, а главное – классные шрифты, которые так и хочется “одолжить” для собственных проектов. Но вот незадача-то, как понять что это за шрифт? Ведь на поиск визуально подобной типографии могут уйти часы. Я не раз попадал в подобные ситуации, и поэтому решил создать небольшую подборку бесплатных онлайн инструментов, которые помогают осуществлять поиск шрифта по картинке. Каждый из них имеет свои особенности и преимущества, так что давайте подберем то, что пригодится именно вам.
Итак, вам понравился шрифт. Узнать, что это за шрифт можно несколькими основными способами. Первый, наиболее традиционный, это конечно же спросить у разработчика дизайна, каким шрифтом он пользовался. Но само собой это создает ряд дополнительных действий, и далеко не факт, что этот человек с большим удовольствием сразу же раскрое все карты.
Второй, более рациональный метод, это использовать фотошоп, в котором есть функция поиск шрифта по картинке в разделе шрифтов. Преимущество этого метода в том, что этот шрифт может уже присутствовать среди скачанных или стандартных шрифтов. Но, увы и ах фотошоп есть не у всех пользователей, множество людей просто хотят использовать его в удобном текстовом редакторе. Именно поэтому третий вариант является наиболее выигрышным для любых пользователей.
Третий вариант – это поиск шрифта по картинке с помощью специальных сайтов, позволяющих определить шрифт путем загрузки изображения и его анализа. Поскольку таких онлайн инструментов на сегодняшний день масса, мы подобрали несколько бесплатных и удобных инструментов, позволяющих осуществить распознавание шрифта. Именно о них пойдет речь далее.
WhatTheFont
WhatTheFont, разработанный одним из крупнейших поставщиков шрифтов, является специалистом по распознаванию шрифтов номер один. Вот как это работает: вы загружаете изображение, а онлайн инструмент находит самый похожий шрифт в базе данных. Это самый простой и быстрый способ определить шрифт онлайн.
Matcherator
Matcherator это идеальный инструмент для распознавания шрифтов с точки зрения простоты использования. Более того, на сайте есть удобная функция drag and drop. Это значит, что вы можете поместить изображение шрифта, просто перетащив картинку на сайт с помощью мышки, а затем программа запустится и найдет то, что нужно! С помощью этого инструмента вы сможете распознать всевозможные шрифты (с засечками и без), и все это бесплатно.
Identifont
С инструментом Identifont распознавание шрифтов выглядит несколько иначе. Вы можете распознавать все типы шрифтов, но сначала вам нужно ответить на ряд вопросов о наиболее важных для вас элементах шрифты (высота, изгибы, засечки). После нескольких вопросов вы получите список возможных шрифтов, соответствующих указанным ответам.
В левой колонке на каждом этапе отображается список вопросов, на которые вы уже ответили. Вы всегда можете нажать на вопрос, чтобы проверить параметры и, возможно, изменить свой ответ. Если вы не уверены, вы можете нажать «Не уверен», чтобы пропустить этот вопрос. Таким образом, поиск шрифта по картинке может быть довольно забавным!
WhatFontIs
Сервис WhatFontIs также может быть полезен, чтоб не только определить шрифт, но и найти бесплатную его альтернативу. У инструмента есть отличная функция, с помощью которой вы можете установить распознавание и фильтровать выдачу ориентируясь исключительно на бесплатные шрифты. Таким образом, хоть этот инструмент и не может обнаружить все шрифты, вы можете найти максимально похожее бесплатное решение и сэкономить.
Fount
Этот инструмент-расширение можно прикрепить в меню браузера, и это довольно удобно, если вы дизайнер и часто занимаетесь работой со шрифтами. Fount не только бесплатно покажет вам, какой шрифт использовался, но и укажет его ключевые характеристики. Он также определяет размер шрифта, вес и стиль. Неплохо для бесплатного онлайн инструмента, не так ли?
Вот как это работает:
- Выберите кнопку «Fount».
- Перейдите на любой сайт и нажмите на закладку Fount.
- Нажмите на шрифт, который вы хотите идентифицировать.
- Та дам! Все отображается. Быстро, легко и бесплатно.
- Чтобы отключить Fount, нажмите на закладку еще раз.
Fount совместим с Safari, Chrome и Firefox.
By-Sight
By-Sight может распознать совершенно любой шрифт, но с ним придется немного повозиться. Ответьте на вопросы о свойствах для определения шрифта. Только после этого вы получите список шрифтов, которые наилучшим образом соответствуют описанию, которое вы предоставили.
Единственный существенный недостаток: By-Sight в настоящее время доступен только на английском языке.
Fontshop
Fontshop и использует те же принципы, что и By-Sight. Да, это займет некоторое время, но вы узнаете многое о распознавании текста. В целом, я действительно впечатлен Fontshop и могу тепло порекомендовать его всем пользователям.
Bowfin Printworks
Этот инструмент может быстро и легко идентифицировать шрифты. На основе элементов, которые лучше подходят для вашего шрифта, инструмент предлагает список возможностей. И тогда вам нужно немного поработать и выбрать особые характеристики шрифта из предложенных. Это мелочи, которые важны для распознавания текста. Так что не стоит пренебрегать процессом и лучше потратить несколько минут на отметки.
Подводим итоги
Иногда лучший способ найти правильный шрифт – это поискать красивые примеры и подборки шрифтов в интернете. А если уж какая-то картинка с надписью никак не выходит у вас из головы – то просто воспользуйтесь онлайн инструментами и выудите заветный шрифт.
Если вы сами выступаете в качестве дизайнера, то наверняка просматриваете все сайты с долей критицизма. Вы всегда оцениваете и осуждаете то, как выполнен дизайн. Одним из важнейших аспектов дизайна является шрифт! Если вам нравится стиль шрифта, то вам наверняка захочется использовать такой же в собственном будущем дизайне. Но для того чтобы сделать его, вам сначала нужно будет узнать, что за шрифт используется на сайте. Ввиду огромного множества доступных в интернете шрифтов, а также учитывая те объемы новых шрифтов, которые появляются каждый день, бывает довольно сложно распознать шрифт
, если просто смотреть на него.
Поэтому я подумал, что стоит поработать над подборкой 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
– пожалуй, самые удобные и популярные площадки для этой цели.
Необходимость определить шрифт по картинке онлайн возникает, в первую очередь, у , подбирающих подходящий набор символов для и изображений.
Однако решить эту задачу не всегда просто – особенно, при наличии большого количества похожих друг на друга вариантов.
Cодержание:
Специальные сервисы
Для поиска подходящего шрифта проще всего воспользоваться услугами одного из сайтов, предлагающих помощь начинающим дизайнерам и создателям шрифтов.
Некоторые сервисы позволяют с большой долей вероятности найти нужный набор или хотя бы максимально похожий на него вариант.
Некоторые сайты помогают, в основном, в поисках только самых популярных шрифтов.
What font is
Ресурс What font is позволяет опознать шрифты с картинки бесплатно и достаточно быстро, но работает только с латиницей.
Попытка распознать кириллицу, скорее всего, будет неудачной.
Порядок действий для пользователя ресурса следующий:
- Открыть главную страницу сервиса.
- Загрузить на сайт изображение, щёлкнув по форме с надписью Upload image containing the font
или вставив ссылку на картинку в Сети.
- Нажать на «Find a font»
. - Выбрать, будет ли распознаваться изображение без изменений или при распознавании будет выполнено реверс цветов, а также установить определяемую область.
- Выбрать дополнительные настройки изображения
(яркость, контрастность и угол поворота), с помощью которых сервису будет проще распознать тип шрифта, и нажать на «Use image»
.
- Расставить буквы в соответствующих формах, увеличивая шанс на распознавание, и нажать Continue
.
- Выбрать подходящий вариант из появившегося на экране списка
.
Результатом поиска может стать большой перечень платных или бесплатных шрифтов, которые можно скачать для дальнейшего использования.
Впрочем, если такие варианты есть среди стандартных наборов в программе, которая будет применяться пользователем, в скачивании нет смысла.
При отсутствии положительных результатов можно попробовать поместить картинку на форуме сайта (англоязычном, поэтому и общаться придётся на английском) и попросить помощи у его участников.
Важно
: Для работы с изображением оно должно иметь размер не больше 1,8 МБ и формат , или 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 предлагает собственный подход к поиску шрифтов.
Искать подходящий вариант можно по различным характеристикам символов – типу, ширине, контрасту, углам.
С помощью сервиса пользователь постепенно сужает количество вариантов и после недолгих поисков получает положительный результат.
Преимущества сервиса заключаются в огромной базе данных и возможности распознать символы даже на рисунке с минимальной контрастностью.
Недостатком можно назвать невысокую скорость определения – иногда на поиск нужного варианта тратится до получаса.
Притом, что стопроцентной гарантии получить положительный результат, так же как и на других ресурсах, здесь тоже нет.
Работая с текстом, часто задаем себе вопрос «как найти или определить шрифт по заданной картинке?»
. Например, вы нашли какой-либо 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
. Спасибо!
Как онлайн по картинке определить шрифт?
Вы встречали в интернете, при просмотре сайтов, на фото шрифт, отличающийся от других. Какое его название неизвестно. Как это узнать? Используйте специальные сервисы. Рассмотрим, как определить шрифт по картинке онлайн.
Как это работает
Сервисы на английском языке, работают по единому шаблону:
- Загрузите изображения на сайт,
- Отметьте текст, который нужно распознать.
Некоторые ресурсы могут попросить определить определенные параметры. Например, есть ли утолщение в тексте. Далее начнется распознавание. Рассмотрим, можно ли определить шрифт по изображению.
Особенности
После распознавания сервис предложит самостоятельно определить правильно ли определена буква. При необходимости замените ее на правильную. Далее сайт отобразит список наиболее подходящих вариантов. Некоторые площадки предлагают возможность скачать его на ПК.
Для лучшего распознавания буквы расположите горизонтально. Символы отделите друг от друга. Параметры уточните на сайте. Если буквы мелкие, используйте Photoshop, чтобы отредактировать их под указанные требования. Рассмотрим сервисы, позволяющие определить шрифт.
WhatTheFont
В коллекции сервиса имеется 133 000 стилей и шрифтов, чтобы найти лучшее соответствие. Для достижения лучшего результата расположите буквы горизонтально. Скачайте мобильное приложение для идентификации с камеры смартфона.
Начало работы
Перейдите по адресу: https://www.myfonts.com/WhatTheFont/. Загрузите картинку:
Выделите 2-3 буквы. Чтобы узнать шрифт на картинке, нажмите на круглую кнопку со стрелкой.
Выберите походящий из списка.
What Font is
Переходим по адресу: https://www.whatfontis.com/. Нажмите «Browse», для загрузки изображения.
Чтобы точно определить шрифт, проверьте каждую букву. Нажмите кнопку «CONTINUE».
Выберите подходящий.
Особенности
Сервис предлагает выбрать подходящий шрифт из:
- коммерческих,
- бесплатных,
- шрифтов от Google.
Выберите его из формы, расположенной справа, нажмите кнопку «ADV SEARCH» (расширенный поиск).
FontSquirrel
Переходим по адресу: https://www.fontsquirrel.com/matcherator. Нажмите «Upload», для загрузки фото.
Поместите буквы в рамку. Нажмите «Matcherate» для определения названия.
Выберите подходящий.
Спросите совета у дизайнеров
Чтобы определить шрифт текста на изображении, используйте сервис Fontmassive. Он предлагает попросить помощь других посетителей сайта. Как это работает? Нажмите кнопку «Написать сообщение».
Откроется страница где:
- Напишите вопрос,
- Добавите фото, нажав кнопку «+»,
- Нажмите «Отправить».
Пользователи сайта помогут распознать шрифт на картинке.
Вывод
Мы рассмотрели, узнать шрифт на картинке онлайн. Рассмотренные четыре сервиса справились с задачей. Качество распознавания отличается. Можно получить десятки шрифтов с похожим визуальным дизайном. Распознавание зависит от качества картинки. Высокое разрешение позволит различить характерные особенности шрифта. Понравился поиск на сервисе What Font is.
Как узнать какой шрифт используется. Определить шрифт по картинке онлайн. Приложения для смартфонов
Случалась ли с вами такая ситуация: заприметишь красивый шрифт, и хочешь забрать к себе в коллекцию, а он оказывается на картинке, а не в печатном тексте? То есть и в исходном коде не посмотреть, что за начертание использовано для оформления, и на глаз не определить. Казалось бы, выхода нет. На самом деле в интернете есть масса сервисов, способных определить шрифт по картинке онлайн. Мы расскажем вам о двух.
Давайте попробуем на двух самых известных площадках определить шрифт с этой картинки:
WhatFontIs
Этот бесплатный ресурс полностью на английском языке. Так что база латинских шрифтов там довольно широкая. А вот с русскими – напряжёнка. Для тех, кто не знает английского, мы подготовили небольшую инструкцию по использованию сервиса.
Итак, чтобы воспользоваться WhatFontIs с целью найти шрифт по картинке, сохраните изображение с понравившимся начертанием или сделайте скриншот страницы и вырежьте нужный фрагмент. Проследите, чтобы картинка была в формате jpg, png или gif и не превышала 1,8 мб. Теперь следуйте инструкции.
Совет:
вместо того, чтобы загружать картинку, в нижнем поле можно вставить ссылку на неё.
Если сервис не смог определить шрифт, не отчаивайтесь. Разместите картинку на форуме сайта, где местные гуру обязательно помогут вам разобраться.
WhatTheFont
Ещё один англоязычный сервис для определения шрифта по картинке. Пытаться отыскать здесь кириллические начертания – трата времени. В базе WhatTheFont их попросту нет.
Мобильное приложение WhatTheFont
Мало кто знает, но у сервиса WhatTheFont
есть приложение для определения шрифта по картинке на гаджетах от Apple. Это удобно, когда вам попалось на глаза, к примеру, объявление в газете, оформленное красивым шрифтом, или впечатлила вывеска на улице. Просто сфотографируйте текст, и приложение выполнит свою задачу.
В действительности способов, которые помогут определить шрифт онлайн, больше, чем два. Например, есть сервисы, которые вместо того, чтобы распознать шрифт по картинке, зададут вам тысячу и один вопрос о том, как выглядит искомое начертание (http://www.identifont.com/). Существуют и ресурсы, которые даже могут натренировать ваш глазомер так, что вы не хуже машины сможете распознавать множество шрифтов (http://ft.vremenno.net/en/). Однако WhatTheFont
и WhatFontIs
– пожалуй, самые удобные и популярные площадки для этой цели.
Если вы знаете, как определить шрифт по картинке другими способами, пожалуйста, поделитесь ими в комментариях.
Мы рассказали об Интернет-ресурсах, способных превратить процесс распознавания если не в нечто занимательное, то по крайней мере в рядовую, но перспективную процедуру.
И хотя лучшее — враг хорошего, сегодня мы пойдём ещё дальше. Ведь кому нужны целые сайты, когда есть расширения для браузеров?
Fontface Ninja
Повальное увлечение азиатской, и в частности японской, культурой, охватившее западный мир в предыдущем столетии, едва ли могло не найти отражения и в сфере IT.
На примере отдельных веб-продуктов мы видим это в минимализме, граничащем со строгостью, в смещении акцентов с результата на процесс и, безусловно, в симпатии к внешней атрибутике. А особую привлекательность для разработчиков, по-видимому, представляет собой воинственный и загадочный символизм самураев и их негласных антагонистов — ниндзя.
Расширение для идентификации шрифтов Fontface Ninja для Safari и Chrome вполне соответствует идее скрытного и эффективного наёмника. Работа с ним строится так: нажав на кнопку расширения, наведите курсор на интересующий шрифт — всплывающая подсказка будет содержать информацию о его названии, межстрочном интервале, размере. Если повезёт, тут же шрифт можно будет скачать.
Весьма любопытной может оказаться функция Mask: она позволяет скрывать графическое содержимое страницы, оставляя лишь текстовые блоки.
Type Sample
Ещё одно полезное расширение, но только для пользователей Chrome. Остальные могут приобщиться к прекрасному по старинке — воспользовавшись услугами закладок.
Принцип работы в данном случае аналогичен; особого внимания заслуживает, пожалуй, реализованная возможность «поиграться со шрифтами» в режиме реального времени. Всплывающая подсказка с информацией о гарнитуре — прошлый век, когда по нажатии на выделенный текстовый блок вы способны изменить размер шрифта, посмотреть на панграмму (англоязычную), ввести собственный пример текста и позволить себе иные вольности.
Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.
Стоит отметить: WhatFont позволяет определить не только название, но при нажатии на текст также межстрочный интервал, начертание, размер, семейство, которому принадлежит шрифт, а также его текущий цветовой код.
Кроме того, можно посмотреть, как шрифт выглядит на примере английского алфавита в целом и скачать — если к его разработке приложила руку сама Google.
Чем объяснить тот пиетет, который испытывают разработчики к пользователям Chrome, неизвестно, однако факт остаётся фактом: расширений для распознавания шрифта, поддерживаемых этим браузером, чуть больше.
Typ.io — идеальный вариант для максималистов, которые не приемлют лишних телодвижений. После установки расширения в нижнем углу браузера появится кнопка с букой «Т», нажатие на которую выводит названия всех идентифицированных на странице шрифтов в отдельном столбце. Чтобы узнать, где какой шрифт использовался, достаточно кликнуть на его название.
Необходимость определить шрифт по картинке онлайн возникает, в первую очередь, у дизайнеров, подбирающих подходящий набор символов для оформления сайтов и изображений.
Однако решить эту задачу не всегда просто – особенно, при наличии большого количества похожих друг на друга вариантов.
Помочь разобраться, каким шрифтом пользовались при создании картинки, помогают онлайн-сервисы, интернет-сообщества и специальное программное обеспечение, тоже работающее в режиме онлайн.
Специальные сервисы
Для поиска подходящего шрифта проще всего воспользоваться услугами одного из сайтов, предлагающих помощь начинающим дизайнерам и создателям шрифтов.
Некоторые сервисы позволяют с большой долей вероятности найти нужный набор или хотя бы максимально похожий на него вариант.
Некоторые сайты помогают, в основном, в поисках только самых популярных шрифтов.
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.
Первая группа посвящена распознаванию наборов символов.
Второй форум содержит популярные варианты шрифтов, хотя определять их придётся самостоятельно.
Выводы
Независимо от выбранного способа определить название шрифта, не стоит рассчитывать, что справиться с задачей получится быстро.
И, хотя использование некоторых сервисов даёт возможность найти набор символов в течение нескольких минут, другие ресурсы отнимут у пользователя гораздо больше времени.
А в тех случаях, когда за помощью приходится обращаться на форумы или в сообщества, ожидание может растянуться на несколько дней.
Зачастую, просматривая изображения в интернете, веб-серфер сталкивается с оригинальными подписями к ним. Еще оригинальней порою кажется шрифт, при помощи которого это было сделано. Подобрать нужный шрифт стало возможным при помощи интернет-сервиса WhatTheFont.
Вам понадобится
- Компьютер с подключением к сети Интернет.
Инструкция
Совет добавлен 29 апреля 2012 Совет 2: Как определить шрифт на сайте Точно подобранный шрифт способен подчеркнуть стиль сайта, придать ему уникальности, красиво разделить абзацы, основной текст, цитаты и второстепенную информацию. А также сделать сайт запоминающимся и подарить приятные эмоции посетителям.
Инструкция
Как определить шрифт на сайте — версия для печати
Здесь мы собрали самые удобные сервисы и приложения для идентификации шрифтов. Сохраните эту статью себе в закладки и вы с легкостью сможете узнать название любого шрифта!
Дизайнеры часто сталкиваются с необходимостью узнать, каким шрифтом написан тот или иной текст. Перебор всей имеющейся коллекции шрифтов в поисках совпадения — далеко не самый удобный способ. Кроме того, нужного шрифта может просто не оказаться. Конечно, можно обратиться за помощью на тематические форумы, где другие дизайнеры смогут подсказать название шрифта. Только вот ждать ответа придется неделями. А если ждать некогда? Что же делать тогда?
На самом деле все просто. Воспользуйтесь этими ресурсами и вы сможете узнать название шрифта буквально за пару минут, а может даже быстрее!
Online-сервисы
WhatTheFont
WhatTheFont — объективно лучший сервис для идентификации шрифтов по картинкам. Просто загружаете картинку с примером шрифта, указываете, правильно ли сервис распознал буквы, и жмете на большую зеленую кнопку. Вам выдается несколько наиболее похожих по начертанию шрифтов, среди которых можно найти 100% совпадение. Если определить шрифт все-таки не удалось, то вам предложат задать вопрос на специализированном форуме на этом же сайте. Сервис удобен еще и тем, что найденный шрифт можно сразу же купить.
Для тех, кто ищет шрифты постоянно и в любых условиях, есть мобильное приложение для iPhone и Android. Можно просто сфотографировать шрифт и тут же узнать его название. Очень удобно!
IdentiFont
На этом сервисе можно искать шрифт, если у вас нет его изображения, но вы помните, как он выглядит, и сможете указать его характеристики, отвечая на ряд вопросов. Не сказать, что это самый удобный способ, но если другого варианта нет — вполне можно найти то, что нужно! Создатели сервиса предлагают разные варианты поиска шрифтов: по названию (частичному), по шрифтовым семьям, по символам и даже по дизайнерам, которые их разрабатывали.
Whatfontis
What Font is — онлайн-сервис идентификации шрифта по картинкам. Во многом похож на WhatTheFont, но стоит добавить в закладки, на всякий случай.
Приложения и расширения для браузеров
Помимо вышеперечисленных онлайн-сервисов, существуют их аналоги в виде расширений для браузеров. Их плюс в том, что не нужно каждый раз открывать новую вкладку, чтобы узнать каким шрифтом сделана та или иная надпись на сайте. Достаточно просто активировать расширение.
FontFaceNinja
Бесспорный лидер на данный момент. FontFaceNinja дает возможность не только узнать название любого шрифта на сайте (не картинки), но и попробовать его написание здесь же на сайте, а также (внимание) скачать понравившийся шрифт! Конечно, авторы предупреждают, что шрифты скачиваются исключительно для ознакомления.
Помимо красоты и удобства этого расширения есть еще один приятный момент. В FontFaceNinja есть волшебная кнопка (маска), которая скрывает всю рекламу со страницы, позволяя наслаждаться исключительно шрифтами. Скачать расширение можно совершенно бесплатно. Работает с Chrome и Safari.
Whatfont tool
Расширение для Chrome и Safari, которое поможет узнать названия шрифтов в браузере. Показывает достаточно подробную справочную информацию по интересующему шрифту, включая шрифтовую семью, размер и высоту строки.
Fount
Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.
Апгрейд личных навыков распознавания шрифтов
Каждому хочется быть крутым дизайнером, который знает не только все существующие шрифты по названиям и семьям, но еще может перечислить разработчиков и рассказать истории создания. Конечно, такие навыки — это бесспорный талант. Но немного улучшить свои знания вполне реально. Вот несколько игр и инструментов, которые помогут вам в этом.
Font Trainer
Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.
The Font Game HD
Это приложение в буквальном смысле играючи поможет выучить названия и начертания шрифтов. Есть разные режимы игры, интересные задания и статистика ваших достижений. Из минусов стоит отметить, что приложение платное и только в AppStore.
Потренировались? Пора проверить свои знания!
Простой и красивый тест, о котором мы отдельно писали в блоге. Сможете ли вы определить 10 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!
Напишите нам, если вы знаете еще какие-то удобные сервисы или приложения для идентификации шрифтов. Будем рады вашим комментариям! И поделитесь ссылкой на эту статью с друзьями. Пусть их жизнь тоже станет чуточку проще 🙂
Вконтакте
Google+
Программы
Как распознать шрифты на картинках
Выбор подходящего шрифта для флаера, титульного листа или даже графики может быть сложной задачей.
Иногда стандартные шрифты, установленные в вашей операционной системе, просто не подходят, и просмотр веб-сайтов с бесплатными шрифтами может отнять у вас много времени и не получить гарантированных результатов.Однако вы можете увидеть или вспомнить изображение с действительно классным шрифтом, но у вас нет возможности связаться с художником, чтобы определить используемый шрифт. Вот хороший способ бесплатно определять шрифты в изображениях.
Bestmemes.com
Шаг 1: Найдите изображение с шрифтом, который вы хотите идентифицировать. Если изображение находится в сети, сохраните его на свой компьютер для получения наилучших / самых быстрых результатов (или используйте такую программу, как SPGrab, для захвата раздела сайта / изображения).
Скриншот Николь Козма
Шаг 2: Откройте свой любимый веб-браузер и перейдите на сайт www.whatfontis.com.
Скриншот Николь Козма
Шаг 3: Нажмите кнопку «Обзор» на веб-странице и перейдите к изображению, которое вы сохранили на шаге 1. Если вы решили не сохранять его, введите URL-адрес изображения в поле ниже (с надписью «Или укажите URL-адрес»). с изображением).
Скриншот Николь Козма
Шаг 4: Убедитесь, что параметры ниже соответствуют изображению, которое вы пытаетесь использовать, и желаемым результатам. Особенно важно убедиться, что выбран правильный цвет фона.
Скриншот Николь Козма
Шаг 5: Нажмите кнопку «Продолжить», чтобы начать идентификацию.
Скриншот Николь Козма
Шаг 6: На следующей странице изучите отображаемые изображения (чем тщательнее вы будете, тем точнее будут ваши результаты). Каждый раз, когда вы можете идентифицировать выделенную букву, введите ее в текстовую область рядом с изображением.
Скриншот Николь Козма
Шаг 7: Нажмите кнопку «Продолжить» внизу страницы.
Скриншот Николь Козма
Ваши результаты будут отображены на следующей странице. Также предоставляются ссылки для загрузки / покупки шрифтов. Таким образом, если вы видите близкое совпадение, вы можете захватить его, не ища шрифт по всему Интернету.
Как находить шрифты из изображений и загружать их на свой сайт
Представьте себе следующее: вы просматриваете Интернет — возможно, просматриваете цитаты из Pinterest или вдохновляете изображения в Instagram текстом — и сталкиваетесь со шрифтом, который пробуждает ваше любопытство.Точно так же, как слышать эту запоминающуюся песню по радио и не знать ее названия, вы не уверены, сможете ли вы когда-нибудь заполучить такой красивый шрифт. Что ж, в сегодняшнем мире мы довольно избалованы технологическим прогрессом, а это значит, что вы можете раз и навсегда распрощаться с этим мучительным чувством.
Здесь мы собрали следующие инструменты определения шрифтов для изображений, которые помогут вам воплотить вашего внутреннего Шерлока Холмса. Мы не только покажем вам, где найти эти скрытые жемчужины шрифтов, но и как вы можете предварительно просмотреть их на своем прекрасном веб-сайте, а затем загрузить их, чтобы воплотить свои дизайнерские идеи в реальность.
Шаг 1. Используйте инструменты для поиска шрифтов в изображениях
MyFonts : MyFonts (ранее известный как «WhatTheFont») так же просто, как 1-2-3. Вы можете идентифицировать шрифты по изображениям с помощью этого супер простого веб-сайта. Сначала загрузите изображение, которое вам интересно. Во-вторых, выберите рамку обрезки вокруг раздела, шрифт которого вы хотите проверить. Веб-сайт автоматически определяет и разделяет каждую область, в которой он обнаруживает шрифт на вашем изображении. Наконец, просмотрите результаты шрифтов. Если вы хотите сделать еще один шаг вперед, вы также можете приобрести любой из шрифтов по другой цене.Это замечательно, если вы хотите владеть ими, что пригодится, если вы планируете загружать их на свой веб-сайт на более позднем этапе … Подробнее об этом позже.
Ключевая особенность: Купите только что обнаруженные шрифты для загрузки на свой веб-сайт.
Начните здесь: MyFonts
WhatFont: Это может быть самый простой поиск шрифтов. Это потому, что найти скрытые шрифты, которые лежат в основе ваших любимых идей в фото-дизайне, можно всего одним щелчком мыши с помощью WhatFont.Это расширение Chrome, которое после загрузки требует всего лишь нажать кнопку и навести указатель мыши на изображение, чтобы отобразить используемый шрифт. Вам даже не нужно загружать и сохранять изображение заранее. И бонус: это не только изображения, но и целые веб-страницы!
Ключевая функция: Просматривайте шрифты прямо с веб-сайта, а не только на изображениях.
Начните здесь: WhatFont
Font Squirrel: Большая часть того, что вы можете делать в Font Squirrel, очевидно, то же самое, что и MyFonts: загружать изображение, обрезать шрифт и обнаруживать свои результаты.Тем не менее, основная функция, которая здесь очень полезна и отличается, заключается в том, что вы можете вращать изображения, чтобы иметь возможность обрезать шрифты, установленные под определенным углом. Это, безусловно, изящный инструмент, который вы не найдете в большинстве мест. Кроме того, пока вы находитесь на веб-сайте, просмотрите множество предлагаемых шрифтов, некоторые из которых не будут стоить вам ни копейки!
Ключевая особенность: Поворачивайте изображения для определения шрифтов, встроенных в нестандартную форму.
Начните здесь: Font Squirrel
Шаг 2. Предварительный просмотр шрифта
По сути, все инструменты обнаружения шрифтов из изображений приводят вас к одному финалу: к шрифту, который вам просто нравится.Так что же дальше? Вы можете восхищаться тем, как этот шрифт выглядит на изображении, но вы не узнаете, как он будет отображаться на вашем веб-сайте, пока не попробуете его. Итак, прежде чем вы загрузите выбранный шрифт и замените старый на новый в редакторе веб-сайта, вы можете предварительно просмотреть его.
Google Font Previewer для Chrome идеально подходит для этого. Это расширение, которое позволяет вам проверять внешний вид различных шрифтов на веб-сайте, не входя в служебный офис или в режим редактирования. С помощью только URL-адреса и расширения вы можете предварительно просмотреть любой шрифт, доступный в инструменте.Кроме того, если есть шрифты, которые вы хотите часто тестировать, вы можете «пометить» их как избранные в своем приложении. Если вы ищете быстрое решение, это отличное решение. Когда вы увидите достаточно разных версий и будете довольны выбранным шрифтом, продолжайте читать, чтобы узнать, как приветствовать ваш шрифт в новом доме.
Начните здесь: Google Font Previewer
Шаг 3. Загрузите выбранный шрифт на свой веб-сайт
Если вы зашли так далеко, вы выбрали шрифт, который вас вдохновил, и вы готовы к очарованию ваш сайт с этим изысканным дизайном.Если вы пользователь Wix, процесс не может быть проще. В редакторе в разделе «Мои загрузки» нажмите кнопку «шрифты», чтобы загрузить любой шрифт, на который у вас есть законные права (другими словами, бесплатный шрифт или шрифт, который вы уже приобрели). Отсюда вы сможете встроить любой шрифт по вашему выбору. А если вы хотите использовать несколько шрифтов на своем веб-сайте, вы можете изучить здесь различные методы сочетания шрифтов.
Дополнительное чтение : Узнайте, почему очаровательная типографика попала в наш список тенденций веб-дизайна.
Автор: Дженнифер Каплан
Автор сообщества
8 простых способов определения шрифтов приложений и сайтов
Практически каждый уже сталкивался с такой ситуацией: вы нашли интересный шрифт на веб-сайте или в приложении и не знаете, как узнать, какой это. Хорошая новость в том, что в настоящее время есть много способов узнать это, есть сайты и программы, созданные именно для этого.Ответ в считанные секунды будет у вас в руках! Вы можете проверить некоторые из лучших способов идентификации шрифтов в любом месте, проверив список ниже!
Читайте также : 22 лучших браузерных игры, которые убивают время в 2020 году!
1. WhatFontis
WhatFontis — отличный и эффективный онлайн-инструмент для тех, кому нужно определять шрифты прямо из текста в изображении. Вы можете загрузить это изображение прямо на сайт.Этот процесс совершенно бесплатный и его очень легко использовать в любой момент. Вы можете получить доступ к сайту по этой ссылке.
2. WhatTheFont
WhatTheFont — еще один онлайн-инструмент, который помогает вам идентифицировать шрифты из файлов изображений. В этом случае вы можете загрузить изображение или просто вставить его URL-адрес, чтобы сократить процесс. Инструмент проанализирует изображение и покажет вам шрифты из своей базы данных, которые, скорее всего, будут именно тем шрифтом, который вы ищете. Щелкните здесь, чтобы перейти на сайт.
3. Типофил
Typophile немного отличается от других инструментов, перечисленных здесь.Вместо того, чтобы считать с помощью полностью автоматического процесса, это сообщество людей, которые кое-что понимают (на самом деле, намного больше!) О шрифтах и могут помочь вам легко найти свой. Все, что вам нужно сделать, это опубликовать изображение с текстом, который вам нужен, и кто-нибудь ответит с дополнительной информацией о нем. Зайдите на сайт по этой ссылке.
4. Идентификатор
Identifont — еще один довольно интересный вариант, который поможет вам определить аспекты изображения, чтобы узнать больше о рассматриваемом шрифте.Сайт задает вам множество вопросов о шрифте, и вам нужно ответить на них как можно правдивее, поскольку это поможет инструменту. Сайт также дает вам возможность найти шрифты, похожие на тот, который вы искали изначально. Вы можете узнать обо всем в деталях, перейдя по этой ссылке.
5. Определите шрифты визуально
«Идентифицировать шрифты по зрению» похож на команду «Идентификация», когда задается вопрос об общих характеристиках шрифта, который вы ищете. На основании ваших вопросов инструмент покажет вам большой список шрифтов, которые несколько соответствуют вашему описанию.Вы можете зайти на сайт по этой ссылке.
6. Идентификация шрифта с засечками
Идентификация шрифтов с засечками работает по-другому и помогает легко идентифицировать множество различных типов шрифтов. Вы также можете описать характеристики конкретного шрифта, чтобы инструмент предлагал вам список, соответствующий вашим описаниям. Зайдите на сайт по этой ссылке.
7. Инструмент WhatFont
WhatFont Tool помогает определять шрифты при просмотре веб-страниц.Все, что вам нужно сделать, это установить надстройку, активировать ее и навести указатель мыши на слово, написанное шрифтом, который вам интересен. Таким образом, WhatFont Tool автоматически покажет вам детали и информацию о шрифтах. Существуют расширения как для Google Chrome, так и для Safari, о чем вы можете узнать по этой ссылке.
8. Поиск шрифтов
Наконец-то у нас появился Font Finder, который также является надстройкой, которую можно установить в ваш интернет-браузер. В этом случае он совместим только с Mozilla Firefox на данный момент, но он творит чудеса, находя шрифты, которые вам нужно оценить.
Все, что вам нужно сделать, это выделить слово в тексте, нажать правую кнопку мыши и выбрать опцию Font Finder. У вас будет подробная информация о названии шрифта, используемом цвете и его конкретном размере. Щелкните здесь, чтобы узнать больше об этом инструменте.
Узнали ли вы больше о способах идентификации шрифтов с помощью любого из этих инструментов?
Приняли ли вы какие-либо предложения из этого списка и узнали больше об идентификации шрифтов, которые вас интересовали? Не забудьте оставить нам комментарий внизу, сообщив, что все прошло хорошо, или если у вас есть какие-либо вопросы!
Как распознать шрифт, найденный в Интернете
Как распознать шрифт , который вы, возможно, нашли в Интернете, может показаться простым упражнением в стиле, на самом деле вы должны знать, что приложения, связанные с правильной идентификацией символа, не так очевидны, как вы вообще думаю.
Знаете ли вы, например, что этот шрифт является одним из параметров, которые маркетинговых агентств принимают во внимание перед началом спонсорской кампании для услуги или продукта?
Как сказать? По этой конкретной теме ваши знания не настолько развиты, чтобы вы могли делать выбор в полной автономии? Мы присутствуем на этих мероприятиях, и вы увидите, что после прочтения нашего руководства у вас наверняка появятся более ясные идеи.
Вы готовы? Тогда приступим.
Читайте также- Сайты для скачивания бесплатных шрифтов
3 сайта, которые стоит попробовать, если вам нужно точно распознать шрифт
Как распознать шрифт , если даже не знаешь, с чего начать? Это вопрос, который вы можете задать себе и который, на самом деле, вполне логичен, к счастью для вас, вам больше не придется отчаянно искать тот шрифт, который вы давно заметили и имя которого вы не помните.
Сегодня существуют специализированные сайты, с помощью которых вы можете четко и эффективно выполнять определенный поиск.Посмотрим на основные.
WhatTheFont
Whatthefont
WhatTheFont — одно из самых известных и используемых решений всеми, кто хочет идентифицировать конкретный шрифт.
Большим преимуществом этой службы является то, что она настроена как веб-приложение, а это означает, что вам вообще не нужно загружать какое-либо конкретное программное обеспечение или программы; вам просто нужно использовать его онлайн-функцию.
Что такое шрифт
В частности, его работа заключается в сканировании изображений в формате JPG или PNG , возможно, с размером , не превышающим 2 МБ .Сервис позаботится об анализе загруженной фотографии и после непродолжительного поиска вернет результат, связанный со шрифтом, действительно фантастический, не правда ли?
Если вы хотите опробовать услугу или вам срочно нужно опробовать услугу, подключитесь к официальному сайту и с домашней страницы продолжите загрузку файла , который вы хотите просканировать; в качестве альтернативы вы также можете просто перетащить его в отведенное место .
А что, если на изображении разные персонажи, и вас интересует только один из них?
Не волнуйтесь, WhatTheFont поставляется со специальной функцией редактирования , с помощью которой вы можете выделить даже одно слово и позволить сканировать только его.
Whatthefont
Для этого просто выберите выбранное слово, щелкните значок стрелки и дождитесь завершения анализа. В результате сканирования будет получен список из шрифтов, отсортированных по вероятности, из которых , несомненно, будет именно то, что вы ищете.
Наконец, после идентификации вы также сможете бесплатно загрузить его на свой компьютер или купить там, где это не бесплатно; просто нажмите кнопку Get it и следуйте четким инструкциям в соответствии с предложением.
Whatthefont
Эта служба также была создана как приложение; фактически он доступен как для устройств Android, так и для iOS.
Сопоставитель шрифтов
Font Matcherator
Font Matcherator — еще одна действительно отличная служба распознавания шрифтов, которая содержит удивительно удобных для пользователя функций .
Как и в предыдущем случае, здесь мы также сталкиваемся с типом веб-приложения, которое работает путем загрузки отсканированной фотографии или возможности напрямую перетаскивать изображение в место, предназначенное для распознавания.
Сервисный редактор удобен и позволит вам выбрать только определенный символ из всех, присутствующих в данном файле.
Font Matcherator
После завершения загрузки вам нужно будет нажать кнопку Matcherate it и дождаться завершения текущего анализа.
Font Matcherator
Полученные результаты будут возвращены в порядке вероятности и сходства с исходным символом. Наконец, идея возможности сравнить исходное изображение и полученный результат, чтобы облегчить процесс идентификации, в том числе благодаря визуальному аспекту, действительно превосходна.
Какой шрифт
Что такое шрифт
Последний сервис, который мы увидим, называется What Font is , и, как и предыдущие, он следует чисто оперативной логике.
Небольшое уточнение — использование сервиса для основных функций абсолютно бесплатно. Однако, если вы хотите воспользоваться расширенными функциями, такими как отсутствие рекламы или более точная идентификация, сайт предлагает подписку с относительной стоимостью 39.99 евро в год.
Выбор за вами; однако надо сказать, что даже в бесплатной версии он отличный.
Давайте посмотрим, как это работает.
Чтобы использовать его, вам сначала необходимо подключиться к официальному сайту. Непосредственно с домашней страницы загрузите изображение, нажав Обзор, нажав здесь , или просто перетащите его в пространство под названием Перетащите изображение сюда, чтобы определить свой шрифт .
Что такое шрифт
Выбор предложения анализа фотографии, взятой непосредственно из Интернета, без предварительной загрузки, был определенно оценен.Чтобы воспользоваться этой функцией, вам сначала нужно скопировать, а затем вставить URL-адрес в . Укажите URL-адрес , пробел вместо .
После правильной загрузки изображения нажмите кнопку Найти шрифт и с помощью редактора выберите только раздел или определенный символ.
Что такое шрифт
На этом этапе дважды щелкните элемент Next Step , чтобы начать фактический поиск шрифта. Перед отчетом вы также сможете более точно определить некоторые фундаментальные детали, такие как контраст или яркость, чтобы получить оптимальные результаты.
Полученные результаты будут отсортированы по вероятности и сходству, и если вы сможете определить шрифт, который ищете, вы также можете загрузить или купить его за определенную плату, нажав на элемент Загрузить .
Читайте также - Как установить новые шрифты в Windows
Как определить шрифт в PDF
Extractpdf
Пока мы говорим об изображениях JPG или PNG, это нормально, но если вы хотите определить шрифт, который вы нашли в документе PDF, который, как известно, труднее редактировать?
Не волнуйтесь; даже для этих случаев существуют специальные онлайн-сервисы, подразумевается, что если вы хотите ускорить процедуру, вы можете рассмотреть идею создания снимка экрана с оскорбительным текстом и продолжения идентификации с помощью приложений, описанных в предыдущем пункт.
Однако, если вы предпочитаете работать с настоящими PDF-файлами, лучшим решением, которое мы рекомендуем, является использование бесплатной службы ExtractPDF.com .
Это онлайн-приложение, превосходное с точки зрения функциональности и настроек. Если вы хотите попробовать, вы должны сначала подключиться к официальному справочному сайту.
На домашней странице щелкните элемент Выберите и выберите файл, который вы хотите просканировать, в качестве альтернативы, вы также можете вставить URL-адрес в соответствующее поле Или введите URL-адрес .
Размер загружаемого файла может быть не более 25 МБ.
После успешной загрузки изображения щелкните Start и дождитесь, пока служба вернет все возможные идентифицированные результаты. Перейдя в раздел Fonts , вы даже можете загрузить их, нажав кнопку Download .
Как распознать шрифт в Photoshop
Шрифт в Photoshop
Хотите, чтобы в превосходном графическом программном обеспечении Photoshop не было функции, позволяющей распознавать и находить определенный шрифт? Конечно, нет, и на самом деле он предоставляет специальную услугу, характеризующуюся чрезвычайной точностью результатов.
Вы хотите знать, как это сделать? Скажем сразу!
Убедитесь, что программное обеспечение правильно запущено, затем щелкните File , а затем Open и продолжите загрузку интересующей фотографии; в качестве альтернативы вы также можете перетащить изображение прямо в основное пространство.
На этом этапе найдите пункт Текст в меню вверху и нажмите Найти аналогичный шрифт .
Назначение этого последнего предмета довольно ясно, и по полученным результатам вы сможете с чрезвычайной простотой идентифицировать того персонажа, который заставил вас так сильно страдать.Наконец, вы также можете решить загрузить его, щелкнув характерный значок в форме облака.
Также прочтите- Лучшие альтернативы Photoshop
Как распознать шрифт по изображению
Как распознать шрифт по изображению ? Хотя все вышеперечисленные решения полностью функциональны и в конечном итоге доступны даже пользователям с низким и средним уровнем знаний компьютера, мы определенно можем сказать вам, что многое зависит от ваших потребностей и навыков.
Если, например, вы не знакомы с графическим программным обеспечением, загрузка сложной программы, такой как Photoshop , только для идентификации персонажа, может оказаться для вас чрезмерно дорогой; Было бы лучше, если бы вы использовали онлайн-сервисы , которые мы исчерпывающе проиллюстрировали ранее.
С другой стороны, если в вашей работе или бизнесе часто используются письменные тексты, вы можете выбрать более профессиональные решения, такие как уже упомянутое графическое программное обеспечение.
В одном, однако, вы можете быть уверены — какой бы вариант вы ни предпочли, мы заверяем вас, что вы сможете найти шрифт, который ищете, и, возможно, даже будете приятно удивлены символами, которых вы не знали, и что вы перейти к загрузке.
Как распознать шрифт книги
Это правда, что обычно при публикации для печати книги используются основные шрифты, однако, особенно в самых старых томах, нет ничего необычного в том, чтобы встретить персонажей редкой красоты и навыков, которые сейчас не используются.
И как в этих случаях найти точный шрифт?
Книга — это физический объект, и поэтому использование указанных до сих пор решений было бы невозможным. Если вы хотите, вы можете связаться с опытным библиотекарем или реставратором, но если вы хотите значительно сократить время, мы предлагаем небольшую хитрость.
Просто сделайте снимок , возможно, с отличным разрешением, , а затем решите, какой сервис использовать .
Не беспокойтесь, если вы опасаетесь, что шрифт слишком старый, обычно сайты, специализирующиеся в этой области, полагаются на обширные базы данных, и вам не составит труда найти то, что вы ищете.
Как распознать качественный шрифт
Качественный шрифт обычно имеет очень специфические особенности, которые делают его сразу узнаваемым, однако следует сказать, что многое зависит от ваших личных потребностей.
В случае спонсорства вашего продукта или услуги, например, ясный и решительный характер, безусловно, более уместен, чем тот, который делает барокко своей сильной стороной.
В целом, однако, можно сказать, что среди основных характеристик для распознавания качественного шрифта есть:
- Общее количество глифов делает шрифт гибким и адаптируемым к тысячам применений.
- Наличие нескольких весов позволяет создавать определенные текстовые иерархии.
- Хорошее отображение диакритических знаков.
- Однородность грации.
- Наличие вариаций стиля.
- Превосходное управление пространством.
ocr — Как определить шрифты на изображении?
ocr — Как определить шрифты на изображении? — Суперпользователь
Сеть обмена стеков
Сеть Stack Exchange состоит из 178 сообществ вопросов и ответов, включая Stack Overflow, крупнейшее и пользующееся наибольшим доверием онлайн-сообщество, где разработчики могут учиться, делиться своими знаниями и строить свою карьеру.
Посетить Stack Exchange
0
+0
- Авторизоваться
Подписаться
Super User — это сайт вопросов и ответов для компьютерных энтузиастов и опытных пользователей.Регистрация займет всего минуту.
Зарегистрируйтесь, чтобы присоединиться к этому сообществу
Кто угодно может задать вопрос
Кто угодно может ответить
Лучшие ответы голосуются и поднимаются наверх
Спросил
Просмотрено
42к раз
Закрыто. Этот вопрос не по теме. В настоящее время он не принимает ответы.
Хотите улучшить этот вопрос? Обновите вопрос, чтобы он был по теме для суперпользователя.
Закрыт 6 лет назад.
Много раз я сталкивался с растровыми изображениями, в которых не было ничего, кроме текстовых абзацев, поэтому я искал способ определить используемый шрифт, выравнивание абзаца, межстрочный интервал и цвет, жирный шрифт, курсив.
Позволит ли мне это сделать пакет OCR?
Если нет, то какие еще варианты у меня есть?
Slhck
2,155 11 золотой знак 11 серебряный знак 55 бронзовых знаков
Создан 03 авг.
Робин Родрикс
2,1555 золотых знаков3636 серебряных знаков5050 бронзовых знаков
1
Для идентификации шрифтов можно использовать несколько онлайн-утилит, в том числе:
- WhatTheFont !, который может автоматически сопоставить шрифт в отправляемом вами изображении с наиболее близкими совпадениями в базе данных;
- Идентификатор и шрифты.com, где вы указываете внешний вид символов шрифта для идентификации шрифта.
Эти утилиты нельзя использовать для определения форматирования текста в изображении. Однако вы можете использовать программы OCR, такие как Tesseract (с открытым исходным кодом) и Smart OCR (коммерческие, начиная с 99,90 долларов США), чтобы определять форматирование, такое как выравнивание абзацев и межстрочный интервал, а также такие стили шрифтов, как полужирный или курсив (см. вопрос). Обратите внимание, что некоторые программы OCR могут также пытаться идентифицировать шрифт (ы) в изображении.
Создан 03 авг.
Джон РудиДжон Руди
3,41711 золотых знаков2727 серебряных знаков3030 бронзовых знаков
2
Существует еще одно настольное решение: Find my Font (я разработчик этого решения)
- Создает базу данных всех шрифтов на вашем локальном ПК (установленных или нет).
- Он создает индекс в этой базе данных: Скорость распознавания составляет около 5.000.000 шрифтов / мин.
- На этой скорости вы можете выполнить поиск в базе данных из 200-300000 шрифтов примерно за 10-20 секунд
- Вы можете распознать искусственно выделенные шрифты Bold / Italic / Expanded / Condensed
- Вы можете горизонтально расположить текст изображения или разделить связанные буквы сценария
- Вы можете выделить цветные буквы вне цветного фона без внешней обработки изображения
- Текущая версия (3.0) может соответствовать также шрифтам, которых у вас нет на вашем компьютере, используя ссылку на внешнюю базу данных сопоставления из 40 000+ шрифтов
Вы можете загрузить 30-дневную пробную версию, чтобы проверить ее: она имеет ограничение в 900 локальных шрифтов и полный доступ к онлайн-базе данных соответствия.
Slhck
2,155 11 золотой знак 11 серебряный знак 55 бронзовых знаков
Создан 09 мая ’12 в 5: 592012-05-09 05:59
Фивос
5111 серебряный знак11 бронзовый знак
0
Конечно, есть еще 2 «настольных» способа, у меня была та же проблема, потому что мои клиенты всегда присылали мне невозможные работы или у них было желание добавить что-то своим «собственным» шрифтом.Итак, я нашел два способа:
FontExpert 3.0 от fontexpert.de — но я не уверен, продают ли они этот продукт больше. Он поставляется со своей собственной базой данных, а также может создавать базу данных ваших собственных шрифтов. Это утомительная задача, так как вам нужно сначала установить все шрифты, а затем FontExpert проверит каждый шрифт и создаст свою собственную базу данных. Отлично работает (читается — очень быстро), вы можете выбрать почти все символы (по крайней мере, английскую кодовую страницу, прописные и строчные буквы) и числа, а также предлагает альтернативы для поиска.На момент покупки (около 2004 г.) он был полностью оправдан — его 199 евро. Конечно, я до сих пор им пользуюсь и постоянно добавляю шрифты в свою коллекцию. У меня более 70 000 шрифтов, и кажется, что FontExpert имеет ограничение в 10 000 шрифтов для таких «частных» коллекций шрифтов. Поэтому я просто копирую / вставляю в новую папку полную программу и создаю новую коллекцию … Попробуйте http://www.qbf.de/e/index.html, поскольку Quick Brown Fox GmbH был автором FontExpert, и посмотрите, не вы все еще можете получить это. Это действительно спасатель, поскольку он сразу же скажет вам, есть ли у вас уже нужный шрифт.
FontMatch от stretchout.com имеет аналогичную функциональность, но он не создает базу данных, поэтому он будет искать по всем вашим шрифтам, и, насколько я мог видеть на их веб-странице, программа работает следующим образом: она загружает шрифт в память , сравните символ и выгрузите шрифт. Я бы не стал этого делать со своей огромной коллекцией …
Надеюсь, вы найдете здесь что-нибудь полезное …
ответ дан 6 окт ’09 в 23: 222009-10-06 23:22
Очень активный вопрос .Заработайте 10 репутации (не считая бонуса ассоциации), чтобы ответить на этот вопрос. Требование репутации помогает защитить этот вопрос от спама и отсутствия ответов.
Суперпользователь лучше всего работает с включенным JavaScript
Ваша конфиденциальность
Нажимая «Принять все файлы cookie», вы соглашаетесь с тем, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Принимать все файлы cookie
Настроить параметры
Как найти шрифты с помощью Adobe Capture
Если вы когда-нибудь застряли в работе над проектом, где клиент хотел новую графику или сопутствующие материалы, но не знал, какие шрифты они используют, это может быть довольно сложно.Или, если вам нравится шрифт, который вы узнали в мире, и хотите его использовать … удачи в его поиске.
Форумы по идентификации шрифтов
Раньше… примерно десять лет назад вам нужно было загрузить изображение на форум, где любители шрифтов могли бы идентифицировать шрифт. Эти люди невероятны. Иногда я загружаю фото и получаю ответ через несколько минут. Это было безумие — всегда точно!
Существует почти 30 характеристик типографики, поэтому с десятками тысяч шрифтов выявить нюансы шрифта может быть довольно сложно.Слава богу, Интернету и вычислительной мощности.
Теперь у нас есть различные инструменты, которые используют OCR (оптическое распознавание символов), чтобы взять шрифт и сравнить его с известными базами данных шрифтов в Интернете. Вот несколько таких услуг:
Adobe Capture
Если вы являетесь пользователем Adobe Creative Cloud, у Adobe есть замечательная функция в своем приложении Adobe Capture, которая помещает идентификацию шрифта (или аналогичный выбор шрифта) с помощью машинного обучения и искусственного интеллекта (AI) у вас на ладони. через мобильное устройство.Он называется Type Capture .
Adobe Capture позволяет использовать мобильное устройство в качестве преобразователя векторных изображений для преобразования фотографий в цветовые темы, узоры, шрифты, материалы, кисти и формы. Затем перенесите эти ресурсы в свои любимые настольные и мобильные приложения, включая Adobe Photoshop, Illustrator, Dimension, XD и Photoshop Sketch, чтобы использовать во всех своих творческих проектах.
Захват типа
Чтобы использовать Type Capture, просто сделайте снимок шрифта, и Capture использует технологию Adobe Sensei, чтобы распознавать формы и предлагать похожие шрифты.Сохраните их как стили символов для использования в Photoshop, InDesign, Illustrator или XD.
Adobe Capture предлагает некоторые дополнительные функции, которые действительно невероятны, а также идентификацию шрифта:
- Материалы — Создавайте реалистичные материалы и текстуры PBR из любого изображения на вашем мобильном устройстве и применяйте их к своим 3D-объектам в Dimension.
- Кисти — Создавайте высококачественные собственные кисти в различных стилях и используйте их для рисования в Animate, Dreamweaver, Photoshop или Photoshop Sketch.
- Узоры — Создавайте геометрические узоры в реальном времени с помощью предустановок Capture, затем отправляйте узоры в Photoshop или Illustrator для уточнения и использования в качестве заливок.
- Фигуры — От рисованных фигур до высококонтрастных фотографий вы можете превратить любое изображение в чистую векторную форму для использования в различных приложениях Creative Cloud.
- Цвета — Захватывайте и редактируйте цветовые темы и превращайте их в настраиваемые палитры для использования практически в любом приложении Creative Cloud.
Загрузить Adobe Capture для iOS Загрузить Adobe Capture для Android
Первая библиотека с открытым исходным кодом, которая определяет шрифт текста в изображении.
Typefont — экспериментальная библиотека, которая определяет шрифт текста в изображении.
Использование
Импортируйте основную функцию и вызовите ее, как показано в следующем скрипте.
импортировать {Typefont} из "./src/index.js"; Typefont ("image.png"). Then ((результат) => console.log (результат));
или
импортировать {Typefont} из "./src/index.js "; асинхронная функция getFontFromImage (источник) { const fonts = ожидание Typefont (исходный код); вернуть шрифты [0]; // Возвращаем наиболее похожий шрифт. }
Первым аргументом функции может быть путь
или base64
изображения. Функция возвращает обещание, которое при разрешении возвращает массив, содержащий каждый шрифт, упорядоченный в порядке убывания (с учетом процента схожести).
Предварительный просмотр
Текст на обложке книги (язык другой, потому что я живу в Италии).
Текст на обложке другой книги.
Версия 2
Я работаю над новой версией, которая получает шрифты непосредственно из файлов .ttf и базы данных Google Fonts. Сравнение выполняется с использованием расстояния Хаусдорфа и контекста формы. Если вы заинтересованы в сотрудничестве, свяжитесь со мной ([электронная почта защищена]). Продвигаться сложно, так как я работаю, и у меня много других проектов.
Комплектация
Вы можете передать в функцию объект с параметрами в качестве второго аргумента.
Опция | Тип | Описание | По умолчанию |
---|---|---|---|
прогресс | Функция | Функция, вызываемая каждый раз при завершении сравнения со шрифтом. | неопределенный |
минСимволУверенность | Номер | Минимальная достоверность того, что символ должен быть принят в очередь сравнения (значение достоверности присваивается механизмом OCR). | 15 |
аналитическоеПороговое значение сравнения | Номер | Порог аналитического сравнения. | 0,5 |
analyticComparisonScaleToSameSize | Логическое значение | Масштабировать символы до одинакового размера перед аналитическим сравнением? | ложный |
аналитикаРазмер сравнения | Номер | Используется как измерение при изменении размеров изображений до одного и того же размера во время аналитического сравнения. | 128 |
перцептивное сравнение Размер | Номер | Используется в качестве размера при изменении размера изображений до одного и того же размера во время перцептивного сравнения. | 64 |
шрифты Каталог | Строка | URL-адрес каталога, содержащего шрифты. | хранилище / шрифты / |
шрифты Данные | Строка | Имя файла, содержащего данные шрифта JSON. | data.json |
шрифтов Индекс | Строка | URL-адрес файла JSON индекса шрифтов. | хранилище / index.json |
fontRequestTimeout | Номер | Тайм-аут запроса шрифта [мс]. | 2000 |
textRecognitionTimeout | Номер | Тайм-аут распознавания текста [с]. | 60 |
textRecognitionBinarization | Логическое значение | Бинаризовать изображение перед распознаванием? | правда |
Пример
Пример с опциями.
Typefont ("restaurant-logo.jpg", { minSymbolConfidence: 50, analyticComparisonScaleToSameSize: true, analyticComparisonSize: 256 }). then (res => console.log (res));
Todo
Как это работает?
Краткое описание: входное изображение передается на оптическое распознавание символов после некоторых фильтров, основанных на его яркости.Символы (буквы) извлекаются из входного изображения и сравниваются с символами шрифтов в базе данных с использованием перцептивного сравнения и сравнения на основе пикселей, чтобы получить процент сходства.
Как добавить шрифт
Шрифты, хранящиеся в этой базе данных, представляют собой просто структуру JSON с буквами в качестве ключей и base64 изображения буквы шрифта в качестве значения. Если вы хотите добавить новый шрифт, вы должны следовать этой структуре.
{
"meta": {
"name": "name",
"автор": "автор",
"ури": "ури",
"лицензия": "лицензия",
"ключ": "значение",
.