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



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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

 

Этот блог читают уже более 3500 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 8
  • Спасибо большое за совет! Так давно искал ответ на вопрос, кто может помочь с распознанием шрифтов... а ответ нашелся сам собой!

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

    Александр
    10 мая 2016 в 20:00
  • Как всегда — полезная статья!

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

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

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

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

    andi
    11 мая 2016 в 17:45
  • Отличная статья!

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

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

    Надежда
    13 мая 2016 в 21:53
  • Спасибо за вашу статейку, теперь уж точно разберусь со шрифтами.

    bytrina
    24 мая 2016 в 20:55
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2016 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово