Как можно определить шрифт текста на картинке или веб-сайте?

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

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

Текст на картинке (только зарубежные)

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

  1. Заходим на сайт myfonst.ru в раздел [urlspan]whatthefont[/urlspan]. Именно на этом сервисе мы и будем искать то, что нам нужно.
  2. Так. Теперь нажмите на «Выберите файл» и найдите на своём компьютере ту картинку, по которой вы хотите найти шрифт. Сдалали? Отлично. Теперь нажмите «Continue»Как можно определить шрифт текста на картинке или веб-сайте?
  3. Дальше сервис попробует определить правильно ли он расшифровал буквы на этом изображении. Если где-то остались пустые клеточки или вы видите, то буква в клетке не соответствует действительности, то помогите сервису и расставьте буквы как надо. Это и нужно для самого определения. Как можно определить шрифт текста на картинке или веб-сайте?
  4. Далее, после обработки, вам высветятся все похожие шрифты, которые нашлись в базе. Во, я как раз нашел и тот, который использовал. Хотя и остальные похожи по написанию. Как можно определить шрифт текста на картинке или веб-сайте?

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

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

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

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

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

  1. Зайдите на сайт [urlspan]fontmassive.com[/urlspan] и вставьте в сообщение картинку. Для этого либо перетащите его из окна проводника с помощью зажатой левой кнопкой мыши прямо в строку, либо нажмите на соответствующий значок. Как можно определить шрифт текста на картинке или веб-сайте?
  2. Напишите какое нибудь сообщение или комментарий, введите свое имя и почту, чтобы получить уведомление когда вам ответят, и нажмите «Отправить».
  3. После этого либо периодически заходите на сайт, чтобы проверить, как там поживает ваш пост, либо ждите, когда придет уведомление на почту. Обычно это не занимает много времени. Как можно определить шрифт текста на картинке или веб-сайте?

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

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

  1. Для начала нужно установить само расширение в браузере google chrome, называется оно Whatfont. Как ставить расширения вы можете посмотреть на примере этой статьи. Так что если вы не знаете, то почитайте. Как можно определить шрифт текста на картинке или веб-сайте?
  2. Теперь зайдите на любой сайт и нажмите на появившийсязначок расширения в правом верхнем углу, после чего наведите курсор на любой фрагмент текста. Видите? Появилась рамочка с названием шрифта. Собственно это и есть то, что мы искали. Как можно определить шрифт текста на картинке или веб-сайте?
  3. А если нажать нажать левой кнопкой мыши по фрагменту, то вам откроется окошко с более подробной информацией. Кроме самого названия шрифта вы сможете увидеть его размер на данном фрагменте, а также его цвет. Как можно определить шрифт текста на картинке или веб-сайте?

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

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

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

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

Всем привет! Меня зовут Дмитрий Костин. Я автор и создатель данного блога. Первые шаги к заработку в интернете я начал делать еще в 2013 году, а данный проект я завел в 2015 году, еще когда работал IT-шником. Ну а с 2017 года я полностью ушел в интернет-заработок.

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

Оцените автора
Блог Дмитрия Костина
Добавить комментарий

  1. Андрей

    Спасибо большое за совет! Так давно искал ответ на вопрос, кто может помочь с распознанием шрифтов... а ответ нашелся сам собой!

    Ответить
  2. Александр Каратаев

    Дмитрий, отличная рекомендация! Действительно бывает, смотришь на картинку с красивым шрифтом, а как его определить понятия не имеешь... На сайте можно и без дополнительного расширения шрифт узнать — исследовать элемент для FireFox очень удобная фишка... А вот с картинки — да... За это спасибо!

    Ответить
  3. Руслан

    Как всегда — полезная статья!

    Я недавно тоже «умаялся» поиском программы для определения шрифтов! Жаль, что под рукой, не было вашей статьи! 🙂

    Ответить
  4. Александр

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

    Ответить
  5. andi

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

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

    Ответить
  6. Артем

    Отличная статья!

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

    Ответить
  7. Надежда Суптеля

    Дмитрий, вообще четкая статья про распознавание шрифтов! В Мазиле я исследую элемент — это просто, в Хроме у меня стоит приложение для распознавания шрифтов. А вот в другой раз чаще всего на картинке понравился шрифт и... угадай с трех раз) Спасибо Вам за эти сервисы, теперь буду знать как распознать шрифт на картинках.

    Ответить
  8. bytrina

    Спасибо за вашу статейку, теперь уж точно разберусь со шрифтами.

    Ответить
Следи за нами в FaceBook.
Все новые статьи и много уникального!
Спасибо, не показывайте мне эту штуку больше!
Друг, ты хочешь уйти? Тогда подпишись на мой блог в ВК, чтобы не пропустить следующие статьи!
Дорогой друг, хотел бы ты всегда быть в курсе всех новостей блога? Тогда подпишись на блог в ВК