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

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

01.12.2020 | Рубрика: Дизайн | Просмотров: 6 178 | Комментариев нет

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

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

Что ж, приступим.

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

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

Система сама определяет некоторые символы. Если что-то не совпадает, можно подкорректировать вручную. Когда нас всё устраивает, жмем на зеленую стрелку «Продолжить» и переходим к следующей стадии.

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

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

Сохраните себе статью, чтобы не потерять!

Оцените, насколько понравился материал статьи:

Станислав Заворотнов
Вебмастер. Интернет-предприниматель. Первый сайт создал в конце 90-х, еще в школе. Сертифицированный специалист. Участник ежегодных конференций по продажам, SEO, маркетингу, разработке сайтов, арбитражу трафика.

Публикаций: 52

Сейчас читают

Все права защищены © 2012-2022 ZavStas.ru

 

Политика конфиденциальности
Использование cookie

Как определить шрифт по картинке и не только. Обзор лучших сервисов

Мир графики и дизайна » Дизайн

27 сентября 2013Рубрика: ДизайнАвтор: Администратор

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

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

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

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

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

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

1. WhatFontIs, адрес — http://www.whatfontis.com/

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

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

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

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

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

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

2. What The Font, адрес http://www.myfonts.com/WhatTheFont/
   xdf

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

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

   Я добавила букву f, исправила S на i и дописала точку в свободное поле. Снова “Continue”.

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

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

3. Это были сервисы, которые определяют шрифт по картинке. Однако, есть сайты, где работает поиск шрифта по отдельным отличительным элементам.
   Identifont адрес http://www.identifont.com/index.html

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

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

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

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

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

4. Font Finder Firefox Add-On  — дополнения для Firefox, которое определяет какой шрифт используется на сайте. Просто выделите слово на сайте, и дополнение определит шрифт и стиль CSS.
   Ссылка на дополнение https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. Bowfin Print Works — http://www.bowfinprintworks.com/SerifGuide/serifsearch.php

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

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

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

Рейтинг

( 1 оценка, среднее 5 из 5 )

3

Понравилась статья? Поделиться с друзьями:

Как определить шрифт в любом изображении

Вы можете определить шрифты в изображении с помощью Photoshop или онлайн-инструментов

Highlights

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

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

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

Как определить шрифты на изображении

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

1. Загрузите фотографию или скопируйте URL-адрес, по которому она размещена.

2. Перейдите на веб-сайт Font Squirrel.

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

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

5. Теперь нажмите Matcherate It .

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

Как идентифицировать шрифты на изображении с помощью Photoshop

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

1. Загрузите изображение, на котором вы видели шрифт, который хотите идентифицировать.
2. Откройте Adobe Photoshop на своем компьютере и откройте изображение с помощью приложения.
3. Используйте инструмент Rectangular marquee tool (доступ к нему можно получить, нажав M) и нарисуйте прямоугольник вокруг шрифта, который вы хотите идентифицировать.
4. Теперь на панели инструментов выберите Введите > Подобрать шрифт .
5. Теперь вы можете выбрать один из шрифтов, уже установленных на вашем компьютере, или загрузить подходящие шрифты из Интернета.

Для получения дополнительных руководств посетите наш раздел «Как сделать».

Чтобы быть в курсе последних технических новостей и обзоров, следите за Gadgets 360 в Twitter, Facebook и Google News. Чтобы быть в курсе последних видео о гаджетах и ​​технологиях, подпишитесь на наш канал YouTube.

Дополнительная литература: Идентификация шрифтов в изображении, Photoshop, Font Squirrel

Генеральный директор Facebook говорит, что «все еще изучает» открытые данные учетной записи пользователя Отчет В иске водителей Uber спрашивают, не является ли плата за въезд в Лондоне расистской

Реклама

Как отличить шрифт от изображения • Smart Cutting Machine FUN

Так много людей каждый день спрашивают меня: «Что это за шрифт?»

Узнайте, как определить шрифт по изображению для ваших дизайн-проектов Cricut. Это просто!

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

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

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

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

• WhatTheFont? by myfonts.com
• The Font Squirrel the Fontspring Matcherator

Все, что вам нужно сделать, чтобы использовать любой из этих бесплатных сайтов, это загрузить фотографию понравившегося вам шрифта. У меня есть инструмент, который я использую в Chrome, который называется Microsoft Snipping Tool. Погуглите и скачайте бесплатную программу. Я прикрепляю его к нижней части панели инструментов, чтобы им было легко пользоваться.

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

Еще один способ узнать, как определить шрифт

Я также использую сайт бесплатных шрифтов под названием Dafont. Я захожу в него, выбираю стиль шрифта, а затем вставляю текст, который хочу скопировать. Таким образом, я могу найти именно то, что я ищу легко БЕСПЛАТНО.

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

Теперь вы можете видеть свой текст в каждом шрифте. Как это круто?

Это поможет вам определить шрифт, который вы ищете. Да, это требует времени, но знать названия шрифтов непросто. Поэтому, когда вы спросите: «Что это за шрифт?», скорее всего, никто не узнает.

Но приятно тратить время на поиск шрифта в DaFont, так как они БЕСПЛАТНЫ. Я люблю бесплатно!

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

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

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

Apple App Store

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

Google Play

• What The Font
• Find My Font

Как определить шрифт с помощью группы Facebook

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