Как узнать что за шрифт: Как распознать шрифт по картинке. Бесплатные способы, как определить шрифт онлайн

Содержание

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

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

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

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

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

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

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

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

При необходимости помогите ресурсу в определении отдельных букв

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

WhatTheFont – определение фонта онлайн

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

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

Перейдите на ресурс myfonts.com;
Кликните на надпись «or click here to upload the image» для загрузки изображения на ресурс;
Кликните на указанную надпись для передачи изображения
После загрузки изображения с помощью рамки укажите часть изображения, на которой находится нужный для распознания кириллический текст. Затем нажмите на синий кружочек со стрелочкой;
Укажите нужный для распознавания шрифт
Просмотрите найденные совпадения;
При необходимости вы можете приобрести такой шрифт, нажав рядом на надпись «Get it».

Другим ресурсом, позволяющим найти латинский шрифт похожий на кириллический, является en.likefont.com. Данный сервис является брендом, который развивает азиатский сайт FontKe.com. Здесь представлены веб-алгоритмы, позволяющие идентифицировать шрифт и скачать его на ваш ПК. Поддерживается латиница, японский, китайский, корейский и другие виды шрифтов.

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

Запустите likefont.com;
Нажмите на кнопку «Upload image» ниже, и загрузите вашу картинку на ресурс;
Щёлкните внизу на «Crop», и установите границы для определения шрифта;
Установите границы для определения шрифта
Промотайте страницу чуть ниже, и помогите ресурсу опознать некоторые буквы, набрав их правильные аналоги;
Набрав несколько таких букв, нажмите на «Identify»;
Просмотрите найденные результаты;
При необходимости нажмите на «Download» справа для загрузки нужного шрифта на ваш ПК.

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

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

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

Ссылка:	Описание:
catalog.monotype.com	Англоязычный ресурс, работающий и с кириллическими шрифтами. Ваше слово набирайте в поле «TYPE YOUR TEXT».
fontov.net	Популярный отечественный ресурс с большой базой шрифтов. Визуальная идентификация работает схожим образом с другими аналогами. Вводите нужную фразу в соответствующее поле на сайте, и нажимаете справа на «Ок». Сервис позволяет скачать понравившийся шрифт на ваш ПК.
fonts-online.ru	Ещё один отечественный сервис с множеством бесплатных шрифтов. Поле для ввода вашей фразы находится справа.
fonts.by	Несмотря на обилие кириллических шрифтов, форма для ввода своего слова для поиска здесь отсутствует. Придётся искать среди шрифтов самостоятельно, с обилием затраченного времени.

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

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

Спросите о шрифте у обитателей форума

Также следует присмотреться к следующим форумам:

flickr.com;
myfonts.com/forum;
typophile.com и другие аналоги.

Спросите название у разработчика сайта

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

Читайте также: как распознать шрифт по картинке онлайн.

Заключение

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

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

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

Есть красивая надпись, но, не всегда удаётся сразу определить то, какой шрифт использовали. Что делать? Как определить нужный шрифт?

Показываю, как разрешить подобную ситуацию.

Определяем шрифт на картинке

Для решения задачи подойдёт сервис под названием Myfonts .

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

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

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

Continue .

Всё в порядке. Шрифт определился.

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

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

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

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 предлагает собственный подход к поиску шрифтов.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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

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

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

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

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

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

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

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

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

Путь 1

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

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

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

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

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

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

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

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

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

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

Нажмите на кнопку “Browse” для выбора картинки с текстом. Далее вам предстоит выбрать один пункт и даух:

The background color is lighter than the characters color – означает, что цвет фона светлее цвета букв и символов,
The background color is dark, please invert colors – светлый текст на темном фоне.

Теперь нажмите на кнопку “Continue” для продолжения.

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

Снова кнопка “Continue” и перед нами список наиболее похожих шрифтов. Кстати, сервис правильно определил шрифт. Первый вариант – правильный.

Оценка сервиса – 5 баллов.

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

После выбора картинки с текстом нажмите “Continue”. Приятно, что сервис частично сам идентифицирует символы и лишь сомнительные вам придется ввести вручную.

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

Оценка сервиса – 5 баллов.

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

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

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

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

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

Мне не удалось с помощью этого сервиса найти нужный шрифт. Тест на пройден.

4. Font Finder Firefox Add-On – дополнения для Firefox, которое определяет какой шрифт используется на сайте. Просто выделите слово на сайте, и дополнение определит шрифт и стиль CSS.
Ссылка на дополнение https://addons.mozilla.org/en-US/firefox/addon/font-finder/

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

С помощью данного сервиса также не удалось определить шрифт.

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

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

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

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

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

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

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

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

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

https://yandex.ru/images/

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

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

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

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

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

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

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

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

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

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

Жмем Continue.

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

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

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

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

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

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

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

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

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

Скриним.

Растр

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

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

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

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

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

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

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

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

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

Вектор

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

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

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

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

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

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

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

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

Что это за шрифт?

«Как узнать шрифт?» или определение шрифтов

Многие сталкивались с проблемой «Что это за шрифт?». Рассмотрим несколько путей распознавания названия шрифта.

What The Font — один из самых известных ресурсов. Он помогает найти шрифт по загруженной в него картинке с текстом написанным данным шрифтом.
Иногда, конечно, получаются интересные результаты. Рассмотрим пошагово.
1. Вырезаете нужную картинку до размеров слова со шрифтом. Если она имеет фоновый шум или слабый контраст то, нужно еще немного под редактировать. Можно также указать ссылку на картинку (она должна быть соответствующая).

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

Если выдаётся слишком много вариантов шрифтов, то можно сократить этот список увеличив размер картинки (max: 360х275).
Иногда WhatTheFont не может определить ваш шрифт, то могут помочь следующие ресурсы:

identifont.com

linotype.com

bowfinprintworks.com

fonts.com

Если вы хотите определить шрифт на каком либо сайте то, можно выделить ту самую часть текста и просмотреть её код. Это можно сделать нажав правую клавишу мыши и пункт “Просмотреть код элемента”.

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

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

Смотрите также:

Как определить, какой шрифт использовался в слое Photoshop, если шрифт не установлен на моем компьютере?

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

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

Я чувствую, что в прошлом, когда бы это ни происходило, я нажимал на него, чтобы выбрать слой, в раскрывающемся шрифте которого будет отображаться «[Имя шрифта]» вместо «Имя шрифта», где квадратные скобки будут означать, что шрифт не найден — Может быть, я сумасшедший, но я чувствую, что у меня такое уже было. В этом случае шрифт показывает «Lucida Sans», в котором отсутствует символ спейд.

Когда я пытаюсь редактировать текст, я получаю эту ошибку:

… И когда я нажимаю ОК, лопата исчезает и показывает, что по умолчанию квадрат Windows для символа не найден.

Могу ли я узнать, какой шрифт изначально использовался?

Роб Крейг

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

http://new.myfonts.com/WhatTheFont/

И он приложит все усилия, чтобы идентифицировать это. У меня около 80% успеха, в зависимости от того, есть ли у меня «контрольные» символы — те, которые являются наиболее уникальными для шрифта.

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

В противном случае — вы можете попробовать открыть PSD в бесплатном шестнадцатеричном редакторе (Google для одного — есть миллионы) и искать шрифт именно таким образом. Я рекомендую сохранить копию файла только с текстовым слоем и больше ничего. Название шрифта будет в Unicode, скорее всего. Найдите один из ближайших тегов, например «FontType», и посмотрите назад имя шрифта. На картинке ниже шрифт «Торговая готика».

Удачи!

как узнать,что за шрифт на рисунке?

Доступ
к PREMIUM-контенту

88 видеоуроков только для PREMIUM-пользователей. Коллекция пополняется несколько раз в месяц!

Обратная связь
от PRO

При добавлении работы на портал вы сможете получить обратную связь от нашего эксперта — Елены Минаковой.

Доступ к закрытым
трансляциям

Для участников PREMIUM регулярно проводятся закрытые трансляции с профессионалами. Остальным они доступны только за деньги.

Отсутствие
рекламы

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

Приоритетная
проверка работ

Все работы, которые вы добавляете в портфолио, рассматриваются в приоритетном порядке.

Статистика
переходов в соцсети

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

Возможность
скачивать видеоуроки

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

PREMIUM-статус
на аватаре

На вашей аватарке будет отображаться значок, обозначающий Premium-статус.

Короткая именная
ссылка на профиль

Получите именную ссылку на профиль вида https://creativo.one/sasha

Возможность отложенной
публикации постов

Вы сами решаете, в какое время пост появится в ленте.

Светлая / темная
тема сайта

Меняйте тему оформления сайта под свое настроение.

Расширенные возможности опросов

Возможность устраивать голосование с прогрессивным рейтингом. Возможность создавать викторины (скоро).

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

Cодержание:

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

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

What font is

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

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

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

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

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

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

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

WhatTheFont

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

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

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

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

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

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

Identifont

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

Bowfin Printworks

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

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

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

TypeNavigator

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

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

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

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

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

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

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

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

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

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

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

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

Выводы

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

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

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

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 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fontface Ninja для Safari и Chrome.

Type Sample для Chrome.

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

Typ.io для Chrome.

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

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

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

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

WhatFontIs

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

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

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

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

WhatTheFont

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

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

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

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

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

Искать название незнакомого шрифта, сравнивая его визуально с другими шрифтами это всё равно, что искать иголку в стоге сена. Но этого делать и не нужно, потому что для этих целей есть специальные инструменты. Впрочем, все зависит от того, где вы нашли интересующий вас шрифт. Если на сайте, то идентифицировать его не составит особого труда, так этот шрифт у вас уже есть в папке Fonts. Ну а как иначе? Смотрите сами. Для оформления веб-страниц сегодня используется специальный язык CSS. Так вот, в нём имеется такое свойство как font-family, оно и отвечает за гарнитуру шрифта, только вот сам шрифт при открытии страницы подгружается не с сервера, а с папки Fonts на вашем компьютере.

Если соответствующего значению font-family шрифта в ней не окажется, на его место браузером будет подставлен шрифт по умолчанию. Теперь о том, как узнать его название. Сделать это можно несколькими способами. Например, сохранить веб-страницу как HTML-файл (полностью), после чего открыть его в Word, выделить мышкой текст и в соответствующем поле посмотреть название используемого шрифта.

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

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

Typ.io Peek — ещё один плагин для хрома, только более простой. В нижней части странички он создает кнопку, при нажатии на которую отображаются все используемые шрифты. Имеются аналогичные инструменты для Mozilla FireFox, например Firebug. Для этих целей также можно порекомендовать онлайн-сервис WhatFont Tool.

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

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

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

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

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

Сайт сервиса WhatTheFont: http://www.myfonts.com

Как узнать, какой шрифт используется на веб-сайте

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

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

Приступим!

Подпишитесь на наш канал Youtube

Почему вы можете проверить, какой шрифт использует веб-сайт

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

Кнопки

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

Как узнать, какой шрифт используется на веб-сайте (3 доступных метода)

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

1. Определите шрифты с помощью инструмента инспектора браузера

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

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

Если вы предпочитаете использовать сочетание клавиш, попробуйте Ctrl + Shift + I для Windows или Linux.Если вы используете Mac, эквивалент Cmd + Shift + I.

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

Затем щелкните вкладку Computed и найдите «font-family»:

Здесь вы должны увидеть название шрифта и его стиль.

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

2. Найдите шрифты с помощью расширения браузера

Расширения

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

Некоторые такие надстройки включают:

Fontanello: Бесплатное расширение. Это расширение позволяет вам находить название, толщину, стиль и т. Д. Шрифта, просто выделив его и щелкнув правой кнопкой мыши во время просмотра.
WhatFont: Еще больше упростив обнаружение шрифтов, WhatFont позволяет просматривать название шрифта, просто наведя на него курсор.
CSS Peeper: Это расширение, созданное для веб-дизайнеров, является немного более надежным и может сообщать вам дополнительные сведения из кода CSS веб-страницы.

Однако каждое из этих расширений поддерживает различные браузеры. WhatFont доступен для Firefox, Chrome, Safari и Internet Explorer. С другой стороны, Fontanello доступен только для Firefox и Chrome. CSS Peeper — это специальный инструмент для Chrome, который вы не сможете использовать с какой-либо другой платформой.

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

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

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

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

3. Обнаружение шрифтов в изображениях

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

Чтобы использовать WhatTheFont, вам необходимо загрузить соответствующее изображение и выбрать раздел с соответствующим шрифтом:

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

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

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

Заключение

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

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

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

У вас есть вопросы о том, как проверить, какой шрифт используется на веб-сайте? Дайте нам знать в комментариях ниже!

Изображение предоставлено rudall30 / shutterstock.ком

Как найти шрифт, используемый в логотипе

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

FontInLogo.com

Найти шрифт, используемый в логотипе

Встречайте FontInLogo.com, веб-сайт, который позволяет вам искать и находить шрифты, используемые в популярных брендах по всему миру. Вы можете выполнить поиск по названию бренда, и он скажет вам, какой шрифт был использован в логотипе. Более того, это также позволит вам получить ссылку для покупки / загрузки шрифта. Например, шрифт Futura используется в логотипе «Best Buy», и вы можете приобрести лицензию на шрифт в BauerTypes.

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

Имейте в виду, что у многих популярных брендов есть собственный шрифт, который вы не можете использовать. Например, «Google» использует Product Sans в своем логотипе и был создан Google для целей брендинга. Шрифт не выпускается как шрифт с открытым исходным кодом. (Лицензия Product Sans)

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

Найти шрифт в изображении логотипа

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

WhatTheFont

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

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

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

WhatTheFont и 4 альтернативы для поиска шрифтов из изображений

Если вы где-то в Интернете видели красивый шрифт, который хотели бы включить в свой собственный проект, как узнать, как этот шрифт называется?

А что насчет того, когда шрифт встроен в изображение? Как определить шрифт, если копирование и вставка текста невозможно?

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

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

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

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

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

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

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

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

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

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

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

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

Проверьте IdentiFont.На сайте пять уникальных инструментов:

Шрифтов по внешнему виду: Сайт задает вам 13 вопросов о вашем шрифте, а затем предоставляет список совпадений из своей базы данных, содержащей более 11 000 стилей. Типичный вопрос: «Есть ли у символов засечки?» и «Какой формы точка на вопросительном знаке?»
Шрифты по имени: Если вы знаете часть имени шрифта, но не уверены в полном имени, приложение предложит вам варианты.
Шрифты по сходству: Если неизвестный шрифт очень похож на другой шрифт, введите имя и посмотрите, какие стили ему подходят. Это также полезный инструмент, если вы хотите найти (и использовать) менее известный шрифт в своем проекте, который имеет сходство с основным шрифтом.
Шрифтов по изображению: Этот инструмент позволяет искать различные шрифты дингбата.Вы даже можете искать по слову; например, при вводе «Автомобиль» будут перечислены все шрифты, содержащие изображения автомобилей.
Шрифты от дизайнера: Создание шрифтов — это искусство. Как и любое искусство, некоторые создатели стали известными либо потому, что они разработали уникальный стиль, который проявляется во всех их работах, либо потому, что они создали некоторые из классических основных шрифтов, используемых сегодня. Если вам нравится шрифт от определенного дизайнера, введите его имя, чтобы увидеть, что еще они создали.

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

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

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

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

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

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

Есть несколько ограничений для всех пользователей: размер изображений не может превышать 1,8 МБ, поддерживаются только JPEG, JPG, GIF и PNG.

У приложения есть еще два важных преимущества:

Расширение браузера: Существуют надстройки, доступные как для Chrome, так и для Firefox, позволяющие мгновенно определять любой шрифт, с которым вы сталкиваетесь в Интернете.
PDF Fonts: Природа PDF-файлов затрудняет извлечение шрифтов из них; это не изображения и не традиционные текстовые документы. Сканер PDF WhatFontIs позволяет загружать файлы PDF. Затем инструмент сканирует документ и предоставляет список найденных шрифтов.

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

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

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

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

7 лучших Smart TV в 2021 году

Хотя сейчас большинство телевизоров являются Smart TV, некоторые из них лучше других.Мы нашли лучшие Smart TV, чтобы вы могли начать работу.

Об авторе Дэн Прайс (Опубликовано 1576 статей)

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

Более От Дэна Прайса

Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Нажмите здесь, чтобы подписаться

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

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

Что такое авторское право?

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

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

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

Типы лицензий на шрифты

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

1. Бесплатно для личного использования

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

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

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

2. Бесплатно для личного и коммерческого использования

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

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

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

3. Требуется покупка лицензии

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

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

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

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

Последствия неправильного использования шрифта, защищенного авторским правом

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

Если владелец авторских прав сможет доказать, что вы получили финансовую выгоду, нарушив их, он может подать на вас в суд на любую полученную вами сумму. Кроме того, по словам Ларисы Бодневич из LegalZoom, они также могут предъявить иск о возмещении установленного законом ущерба в размере до 150 000 долларов США за работу!

Излишне говорить, что знание того, как определить, защищен ли шрифт авторским правом, весьма ценно, если вы дизайнер.Просто спросите NBC Universal, которая столкнулась с потенциальным иском на 3,5 миллиона долларов за предполагаемое неправомерное использование шрифта, защищенного авторским правом, еще в 2012 году.

Как определить, защищен ли шрифт авторским правом

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

Чтобы узнать, защищен ли шрифт авторским правом, нужно четыре простых шага…

Шаг 1: Проверьте папку загрузок на наличие лицензии или « readme.txt ”файл
Шаг 2: Проверьте сведения о лицензировании на веб-сайте, с которого вы его загрузили
Шаг 3: Выполните поиск шрифта в Google по имени
Шаг 4: Выполните поиск по сканированию изображения

Давайте уточним на них немного.

1. Проверьте папку загрузки

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

Если у вас все еще есть zip-папка, в которой находится шрифт, найдите документ под названием « license.txt » или « readme.txt ». Если у вас больше нет zip-папки или шрифт никогда не поставлялся с лицензией, читайте дальше.

2. Проверьте веб-сайт. Вы получили шрифт с номера

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

Если нет, переходите к следующему шагу.

3. Выполните поиск в Google

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

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

Много раз я пытался загрузить шрифт с какого-нибудь неслыханного веб-сайта, но мой антивирус Norton подавлял его. Самый большой красный флаг, на который следует обратить внимание, — если загружаемый файл имеет формат .exe . В таком случае убегайте и никогда не возвращайтесь. Авторитетный сайт шрифтов обычно загружает файл шрифта как .ttf , .otf или .zip папку .

Лично я доверяю только крупным веб-сайтам с более устоявшимися шрифтами. Вот некоторые из них…

Dafont
Font Squirrel
Fonts.com
1001Fonts
Adobe Fonts
Google Fonts
MyFonts
FontSpring
Creative Market
Linotype

Это просто немного. Есть еще несколько, которых я сейчас не могу вспомнить.

4. Выполните поиск по сканированию изображения

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

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

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

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

Что делать, если я все еще не знаю?

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

_{Logos By Nick LLC является участником программы Amazon Services LLC Associates, партнерской рекламной программы, разработанной для предоставления сайтам средств для получения рекламных сборов за счет рекламы и ссылок на Amazon.com. Как партнер Amazon я зарабатываю на соответствующих покупках. Прочтите информацию о партнерских программах здесь.}

Как определять шрифты с помощью изображения для ваших проектов Cricut Craft

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

«Вы можете помочь мне определить этот шрифт Cricut? Как определить шрифт? Кто-нибудь знает, что это за шрифт? »

Если вы зависнете на каком-либо форуме, странице или в группе Cricut, вы начнете часто видеть этот вопрос.

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

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

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

Изучите инструменты, которые помогут вам со шрифтами

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

Два лучших сайта для этого:

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

Использование шрифта What the Font

Давайте рассмотрим процесс «What the Font».

Возьмите изображение с текстом, который вы хотите идентифицировать.

Перетащите это изображение в поле или нажмите «Загрузить», и откроется окно просмотра для вашего устройства.

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

Щелкните тот, который хотите идентифицировать. Затем прокрутите вниз и нажмите кнопку СИНЯЯ СТРЕЛКА.

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

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

(Коммерческие цели: продажа ваших файлов SVG, дизайнов, которые вы создаете на Etsy или местных ярмарках ремесел и т. Д.)

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

Pro Совет: Возьмите название шрифта, который он дает вам, а затем Google похожие бесплатные шрифты!

Использование шрифта Squirrel

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

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

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

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

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

Очень удобно!

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

Существуют сотни тысяч шрифтов.Так что же делать мастеру?

Куда обратиться за помощью

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

У этого есть свои плюсы и минусы.

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

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

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

Не нужно ждать, пока кто-нибудь придет и ответит.

Использование DaFont

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

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

Это печать?

Это скрипт?

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

В верхней части экрана представлены все различные «стили» шрифтов, которые вы можете просматривать.

Ниже приведены недавно добавленные шрифты.

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

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

Этот шрифт называется KG Мне нужен шрифт .

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

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

Вы также можете сделать это на своем телефоне

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

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

Магазин приложений Apple

Какой шрифт
Найти шрифт
Какой шрифт?

Google Play

Какой шрифт
Найди мой шрифт

Достаточно близко

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

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

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

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

Что это за шрифт? 8 инструментов, позволяющих определять гарнитуры шрифтов

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

1. FontEdge

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

2.WhatFont

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

3. WhatTheFont

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

4. Quora

Возможно, вы знаете Quora как сайт типа «Вопросы и ответы», но одна конкретная категория посвящена идентификации шрифтов, что упрощает определение шрифта, который вы ищете.

5. WhatFontIs

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

6. Type Sample

Type Sample действует как апплет закладок, что-то вроде мини-программы, написанной на JavaScript. Щелкнув этот сайт-закладку, можно мгновенно определить шрифты.

7.Reddit / r / IdentifyThisFont

Reddit / r / IdentifyThisFont — это один из подреддитов, мини-форум, цель которого — с легкостью определить типографику.

8. TypeID

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

Об авторе

Найти шрифт по изображению — почему так легко определять шрифты [ВИДЕО]

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

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

Зачем нужно искать шрифт в изображении?

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

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

В моем сегодняшнем видео показано следующее:

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

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

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

1. Найдите шрифт, загрузив изображение

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

Найдите шрифт, загрузив изображение

2. Как определить шрифт бесплатно

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

Мгновенная идентификация делает этот инструмент великолепным и бесплатным.

3. Поиск альтернативных бесплатных шрифтов

Шрифты от A до Z — полезный ресурс для поиска альтернативных бесплатных шрифтов.Вы можете найти его по этой ссылке azfonts.net. Я нашел этот сайт довольно хорошим, хотя, если вы не найдете то, что вам нужно, выполните поиск в Google, используя название шрифта и термин «бесплатный шрифт», чтобы увидеть, что появляется в результаты поиска.

Заключение

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

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