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

Содержание

Поиск шрифта по изображению. WhatTheFont — определяем шрифт по картинке

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

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

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

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

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

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

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

  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

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

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

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

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

Поможет решить данную проблему достаточно простым и оригинальным способом. Вы загружаете (со своего компьютера или указав ссылку) картинку или логотип, на которых содержится текст, а сайт выдаёт список шрифтов. Для загрузки подходят файлы размером не более 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
Поиск по имени. Можно ввести название шрифта и искать его аналоги.

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

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

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

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

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

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

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

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


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

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


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

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

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

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

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

Наиболее простая – взгляните на исходный код той страницы, которая «приглянулась». Безусловно, для нахождения нужного кода среди множества других, нужно хоть немного разбираться в HTML-кодах.

Предлагаю воспользоваться редактором текстов Microsoft Word пакета Office. Для этого сохраните конкретную веб-страницу, чтобы открыть ее потом в редакторе. Шрифт определится таким, каким он есть в оригинале.

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

В арсенале помощников имеются плагины под различные браузеры, определяющие шрифт на открытых интернет-страницах. Для браузера Google Chrome – это плагин Csscan , а под Mozilla FireFox – Firebug . Все, что нужно, так это скачать необходимый плагин для своего браузера.

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

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

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

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

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

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

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

Самым известным и популярным сервисом, среди прочих, является What The Font .

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

Вот пошаговая инструкция по работе с сервисом:

1. Загружаем изображение с начертанием нашего шрифта:

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

Лучше, чтобы буквы были темными, а фон светлым. Как показала практика использования What The Font, размер изображения значительно влияет на результат поиска. Если картинка слишком мала, результатов будет больше. Но по мере увеличения изображения, их количество сокращается до минимума.

2. Загрузив картинку, убедитесь, что сервис правильно определил количество глифов. Глиф — это графический образ знака. Один знак не всегда соответствует одному глифу. Например, буква «а» в любом написании остается одной буквой и одним знаком. Но капительная «а» и строчная «а» — два разных глифа.

В то же время, один глиф может соответствовать нескольким знакам. К примеру, «ffi» — один глиф, но три знака. То есть в словах, где есть сочетание «ffi» глифов будет меньше, чем знаков.

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

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

Если What The Font не дал результата, а вам лень, можно попробовать прогнать картинку по другим похожим сервисам. Давайте рассмотрим некоторые из них.

Сайты и сервисы по поиску шрифтов

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

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

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

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

В заключении

Каждый из приведенных выше сервисов эффективен по своему. Комбинируя их, найти нужный шрифт получается довольно быстро. Я очень часто пользуюсь What The Font + Demiart. В 90% случаев мне удается найти нужный шрифт в течении 20 минут.

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

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

?

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

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

1. WhatTheFont

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

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

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

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

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

прежде чем загрузить его.

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

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

2. Шрифт Белка

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

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

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

В приведенном ниже примере вы можете видеть, что я использовал сервис для определения шрифта в логотипе Spotify:

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

3. IdentiFont

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

Проверьте IdentiFont

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

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

4. Шрифт Spring

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

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

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

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

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

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

,

5. WhatFontIs

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

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

Приложение имеет два других важных преимущества:

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

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

Какой инструмент вы используете?

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

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

Дайте мне знать ваши мнения и предложения в разделе комментариев ниже.

Кредит изображения: страсть художника через Shutterstock.com

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

Достаточно часто на всевозможных сервисах вопросов и ответов люди задают один и тот же вопрос: «Как определить шрифт по картинке».

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


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

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

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

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

В качестве примера давайте определим шрифт в логотипе моего сайта MuzRelax.ru. Я то знаю, какой шрифт там использован, а вот посмотрим сможет ли сервис WhatTheFont корректно его идентифицировать.


Кстати, тем, кто еще не посещал этот сайт, крайне рекомендую сделать это – получите настоящее удовольствие ).

Я сделал скриншот лого и загрузил картинку в таком виде:

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

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

На финальном этапе сервис выдаст список шрифтов, которые выглядит схоже с тем шрифтом, который есть на картинке. В моем случае было предложено 4 варианта, самый первый из которых (Georgia) и есть тот тип шрифта, который я использовал в логотипе сайта MuzRelax.ru. Отличный результат!

К сожалению, WhatTheFont имеет несколько недостатков:

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

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

P.S. Не забудьте оставьте эту статью у себя в закладках и порекомендовать своим друзьям ).

Автор статьи: Сергей Сандаков, 40 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.

WhatTheFont – счастье дизайнера

Вид ПО: OCRРаспознавание текста
Разработчик: Bitstream
Версия: 1.1
Цена: Free [iTunes link]

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

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

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

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


Результаты можно только отправить по e-mail. Зато информация о шрифте исчерпывающая

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


Фото с экрана монитора.

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


Видимо, специфическое начертание буквы “E” на стекле для приложения не сильно понятно”

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


Для полноты эффекта не хватает только анимации “встряска”, как при отмене последнего действия в iOS.

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

Юзабилити: 4, Функциональность: 3, Интерфейс: 4, Цена/качество: 5, Общий балл: 4

🤓 Хочешь больше? Подпишись на наш Telegram. ... и не забывай читать наш Facebook и Twitter 🍒 В закладки iPhones.ru Вид ПО: OCRРаспознавание текста Разработчик: Bitstream Версия: 1.1 Цена: Free [iTunes link] Вам когда-нибудь хотелось узнать, каким шрифтом написано название бренда на телевизоре или рекламный слоган на сайте одной фруктовой компании? А если работаете дизайнером и вот этот случайный плакат на улице просто очаровал вас красивым заголовком? В обоих случаях вам поможет одно маленькое приложение....
  • До ←

    Материнская плата от нового iPhone

  • После →

    Интервью разработчика eWeather Андрея Тимофеева

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

Содержание

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

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

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

  1. Кликните на надпись «or click here to upload the image» для загрузки изображения на ресурс;

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

  3. Просмотрите найденные совпадения;

  4. При необходимости вы можете приобрести такой шрифт, нажав рядом на надпись «Get it».

Настройка шрифтов для сайта в зависимости от тональности

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

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

1. Полужирный заголовок и нормальный текст

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

Для каких сайтов подойдет: для любых.

Пример: Страница вакансии. В примере используются шрифты: Open Sans (для заголовков) и Roboto (для текста).

2. Жирный заголовок и нормальный текст

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

Для каких сайтов подойдет: бар, коворкинг, анонс концерта, спортивные соревнования, промостраница тура и т.д.

Пример: Сайт коворкинга. В примере используются шрифты: Ubuntu (для заголовков) и PT Sans (для текста).

3. Жирный заголовок и тонкий текст

Более необычное сочетание, выглядит эффектно за счет контраста. Уместно в случае, когда вам нужно сочетать и драйв, и стиль

Пример: Страница дизайн-студии. В примере используются шрифты: Noto Sans (для заголовков) и Open Sans (для текста).

4. Тонкий заголовок и тонкий текст

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

Для каких сайтов подойдет: технологичные устройства, ювелирные украшения, дорогое кафе или ресторан, студия красоты.

Пример: Лэндинг мобильного приложения для обработки фотографий.

Специализированные ресурсы

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

What font is


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

  • во-первых, переходите на стартовую страничку сервиса;
  • во-вторых, загружаете картинку, кликнув по кнопочке Upload image containing the font, можно еще вставить ссылку на нее в интернете;
  • в-третьих, жмете «Find a font»;
  • в-четвертых, выбираете, начать распознавание без изменений или допустимое изменение цвета, устанавливаете конкретную область;

выбираете дополнительные параметры фото (уровень яркости, угол поворота, контраст), так сервису легче буде определить шрифт и тапаете «Use image»;

расставляете буквы в нужных местах, повышая вероятность распознавания, жмете Continue;

наконец, выбираете необходимый вариант из перечня на мониторе.

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

WhatTheFont


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

открываете страничку и загружаете изображение с текстом;

выбираете поле, где расположился текст, жмете стрелочку;

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

Для успешного распознавания необходимо соблюдать такие условия: размер картинки около 360 х 275 пикселей, расширение – PNG, либо JPG, высота буквы не менее 100 пикселей. 

  • Yandex поиск по картинке с телефона: как быстро найти то, что нужно
  • Качественные программы, позволяющие изменить видео формат
  • Как изменить формат видео online: лучшие сервисы
  • Как опубликовать фото с компьютера в сервисе Instagram
  • Самые популярные сервисы для временной почты без регистрации

 Identifont


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

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

Bowfin Printworks


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

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

TypeNavigator


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

Основные достоинства сервиса – объемная база данных и функция, позволяющая определять символы даже на не очень четком изображении.  Недостаток – низкая скорость определения (может занимать около 30 минут).

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

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

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

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

What font is

Ресурс What font is позволяет опознать шрифты с картинки бесплатно и достаточно быстро, но работает только с латиницей.

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

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

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

Рис. 1. Загрузка изображения на сервис What font is.

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

Рис. 2. Выбор реверса цветов.

Рис. 3. Настройки изображения.

Рис. 4. Расстановка букв.

Рис. 5. Список подходящих шрифтов.

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

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

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

 Важно: Для работы с изображением оно должно иметь размер не больше 1,8 МБ и формат JPEG, GIF или PNG. Также рекомендуется распознавать только одну строку за раз – если шрифтов несколько, выделяется часть картинки. 

WhatTheFont

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

Благодаря стараниям сообщества My Fonts, ресурс получил огромную базу данных и является одним из самых удобных в использовании.

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

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

Рис. 6. Начало работы с сервисом – загрузка изображения.

Рис. 7. Выбор области распознавания.

Рис. 8. Результаты поиска.

 Важно: Для распознавания требуется выполнение определённых условий: размеры картинки должны быть в пределах 360 х 275 пикс., формат – PNG или JPG. Также рекомендуется, чтобы высота каждого символа была не меньше 100 пикселей. 

Identifont

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

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

Рис. 9. Вопросы, задаваемые сервисом.

 Преимущества способа – отсутствие условий к качеству и размерам изображения, недостатком является большое количество потраченного времени. Хотя при поиске нестандартного шрифта вероятность обнаружения всё равно будет небольшой. 

Bowfin Printworks

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

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

Рис. 10. Главная страница ресурса Bowfin.

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

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

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

TypeNavigator

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

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

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

Рис. 11. Варианты наборов символов, которые предлагает сайт TypeNavigator.

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

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

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

What Font is

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

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

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

Лучшие сервисы для определения шрифта по изображению онлайн

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

Сервис «WhatTheFont» поможет идентифицировать красивый шрифт

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

  1. Для работы с сервисом перейдите на сайт myfonts.com.
  2. Нажмите на кнопку «Choose File» (выбрать файл), и выберите на жёстком диске вашего ПК картинку с нужным вам фоном.
  3. Затем нажмите на кнопку «Continue».

Рабочее окно сервиса «WhatTheFont»

Сервис проведёт процедуру распознавания, и откроет вам экран, на котором вам предстоит определить, верно ли сервис распознал буквы (если нет, введите необходимые коррективы).

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

Сервис «FontSquirrel» распознает буквы алфавита онлайн

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

  1. Перейдите на сайт fontsquirrel.com, нажмите на кнопку «Upload image» и загрузите картинку с нужным вам шрифтом на ресурс.
  2. Теперь разместите нужный для распознавания шрифта текст в специальной рамке (размер рамки регулируется, как и регулируется размер текста).
  3. А затем кликните на кнопку «Matcherate It!».

Рабочее окно сервиса «FontSquirrel»

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

Bowfinprintworks.com – ещё один сервис с ответами на вопросы

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

Сервис «Fontmassive»

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

Спросите у пользователей о нужном шрифте на fontmassive.com

Расширение «WhatFont»

Расширение для браузера Google Chrome (а также для других браузеров на ядре «Chromium») под названием «WhatFont» позволит вам легко выполнить опознавание шрифта онлайн. После установки и активизации приложения в браузере будет достаточно навести курсор на нужный шрифт для идентификации последнего (опознаются как латинские, так и кириллические шрифты).

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

Расширение «WhatFont» в магазине Chrome

What The Font

Сервис What The Font

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

Удобство пользования и быстрота поиска   ̶   это также немаловажные критерии высокой оценки.

От вас требуется только ряд простых действий.

Порядок выполнения указан прямо на странице поиска.

Чтобы найти шрифт по картинке вам необходимо:

  • Загрузить нужное изображение, нажав клавишу «Выберите файл». Сделать это можно с файлом, который уже хранится на вашем устройстве.
  • Пройдите в папку, где хранится картинка и нажмите «Открыть».
  • Чтобы перейти к следующему шагу используйте кнопку «Continue»;

Размер загружаемого снимка не должен превышать 2 Мб. Сам файл может быть PNG, JPEG и GIF формата.

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

    Нажимаем Continue

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

    Результаты поиска

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

 Для корректного результата убедитесь в том, что:

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

Читабельность шрифта

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

Всегда обращайте на это внимание

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

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

Пример 1: Текст читается не очень

 Пример 2: Текст читается хорошо

Контрастность

Контрастность — один из основных признаков шрифта. Определяется отношением толщины соединительных и основных штрихов знаков. По этому признаку шрифты могут варьироваться от неконтрастных до сверхконтрастных.

ТОП-10 кириллических шрифтов Google fonts

1. Open Sans — безусловный лидер рейтинга. Содержит полный набор 897 символов. Имеет отличные характеристики, разборчив. Оптимизирован под различные устройства. Его дизайн практически идентичен Droid Sans, за исключением более широких символов и наличием курсива. В то время как Droid Sans в основном используется в пользовательских интерфейсов некоторых Android устройствах.

2. Roboto — этот чистый шрифт мир впервые увидел с появлением операционной системы Android Ice Cream Sandwich. Семейство данного шрифта включает регулярные и курсивные стили, тонкий, легкий, регулярный и суженный ширины (condensed). По своей структуре явно напоминает не менее известный шрифт Helvetica. Начиная с 15 мая 2013 г. данный шрифт компания Google начал интенсивно использовать в своих популярных продуктах таких как: Google+, Google Play, Google Maps.

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

4. Ubuntu — этот шрифт мир впервые увидел в составе операционной системы Ubuntu ее версии 10.10. Доступен в четырех версиях: обычный, курсив, полужирный, полужирный курсив на английском языке и на кириллице. Начиная с 26 апреля 2011 г. он включен для использования в сервисе Google Docs.

5. Arimo — данный шрифт вошел в состав Chrome OS. Еще одна допустимая альтернатива Helvetica.

6. Noto Sans

7. Play

8. Cuprum — универсальный шрифт. Представляет собой зауженный гротеск. Доступен в четырех вариантах начертаний.

9. Philosopher

10. Istok Web

Посыл сайта

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

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

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

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

Например, для семейной пиццерии, можно выбрать слова «профессиональный», «традиционный» и «семейный», значит, чтобы донести это через дизайн сайта лучше использовать:

  • Черно-белые фотографии, для придания винтажности
  • Темные и насыщенные традиционные цвета
  • Классический курсивный шрифт с засечками

Или еще один пример: IT-стартап для инновационного приложения. Тогда посыл должен содержать слова «молодой», «амбициозный», «современный». Шрифт в таком случае будет уместен без засечек с жирными заголовками.

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

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

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

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

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

Знакомьтесь со своим будущим помощником – сервис “Fount”!

Чтобы вы могли использовать его в любой момент времени, нажимайте на “Fount” левой кнопкой мыши, и перетаскивайте на панель браузера. Видите на моей панели браузера белую иконку с надписью “Fount”? Точно так же он будет выглядеть и у вас, если ваш браузер – Google Chrome. В других браузерах, таких, как Safari, Google Chrome, Mozilla Firefox, Internet Explorer, начиная с 8-й версии и выше, этот сервис работает по такому же принципу. А вот владельцам браузеров Opera, Internet Explorer 7 и некоторых других, придется поискать какой-либо другой вариант.

Пошаговые действия

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

Нажимаем в браузере на иконку Fount, под мышкой появляется крестик, и нажимаем мышкой на участок текста, шрифт которого хотим определить. Посмотрите, в правом верхнем углу, появилась табличка с названием шрифта “PT Serif”. Вот таким легким способом, мы можем определить, какой шрифт на сайте нашего коллеги. А также, можно увидеть размер 17  пикселей, степень насыщенности и стиль.

Тренируемся здесь же!

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

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

Просмотры:
239

Вчетвером проникли в тыл врага и ликвидировали минометный взвод врага (видео)

Онлайн-сервисы

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

WhatTheFont

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

Порядок работы:

  1. Откройте сайт.
  2. В правом верхнем углу нажмите на надпись «WhatTheFont» и во всплывшем меню выберите «WhatTheFont», как показано на рисунке.
  3. Перетащите изображение с искомым шрифтом в пунктирный прямоугольник или нажмите на подчёркнутый текст, чтобы выбрать его из галереи устройства.
  4. После того как картинка будет загружена, программа предложит вам выделить шрифт для распознавания. Выделите нужную область и нажмите на синюю стрелочку.
  5. Распознавание шрифта длится от нескольких секунд до минуты. После завершения поиска вам будет предложено несколько вариантов шрифтов на выбор. Выберите наиболее подходящий и скопируйте его название.
  6. При желании можно сразу же приобрести понравившийся шрифт на сайте за определённую плату.

FONT IDENTIFIER от Font Squirrel

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

FONT IDENTIFIER качественно распознает и латинские, и русские буквы.

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

  1. Зайдите на сайт. На горизонтальной панели меню выберите пункт «FONT IDENTIFIER».
  2. Нажмите кнопку «Upload Image» и загрузите скриншот изображения.
  3. Выделите текст для распознавания в специальную рамку. Для регулировки границ используйте левую кнопку мыши.
  4. Нажмите кнопку «Matcherate It!», расположенную в нижней части окна, и дождитесь результатов.
  5. Сравните предложенные варианты с первоначальной версией (она будет размещена в центре экрана).
  6. Скопируйте название понравившегося шрифта в буфер обмена или сразу загрузите его с сайта.

На Font Squirrel представлены как платные, так и бесплатные шрифты.

Fontspring

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

  1. Откройте страницу поиска.
  2. Нажмите кнопку «Upload Image» и загрузите картинку для распознавания.
  3. Выделите область с нужным текстом и нажмите зелёную кнопку «Matcherate It!».
  4. После поиска сервис предложит несколько вариантов шрифтов, похожих на заданный. Выберите лучший.

IdentiFont

Работа сервиса IdentiFont несколько отличается от остальных. Он предлагает несколько вариантов поиска шрифта: по картинке или символу (Fonts by Picture), по имени дизайнера (Fonts by Designer), по внешним признакам (Fonts by Similarity), по части названия (Fonts by Name) или с помощью наводящих вопросов (Fonts by Appearance).

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

WhatTheFont

Самый известный способ определить шрифт с фотографии или скриншота — приложение WhatTheFont. Для распознавания нужно загрузить картинку или указать её адрес, программа выдаст наиболее похожие варианты из тех, которые можно купить на MyFonts. Создатели WhatTheFont пишут, что подходящее изображение выглядит так:

  • текст расположен чётко горизонтально;
  • высота букв не меньше 100 пикселей;
  • буквы не касаются друг друга;
  • общее количество символов — не больше 50.

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

Попробуем найти шрифт Circe с этого снимка:

Как и другие онлайн-инструменты, WhatTheFont не распознает кириллицу. Поэтому выберем те буквы, которые в латинице и кириллице выглядят одинаково — в нашем случае это «М», «а», «р» и «е». Если приложение распознало букву неправильно, исправляем её в поле снизу.

В итоге программа сразу определила шрифт правильно

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

Кто ваша аудитория и на каких языках она говорит?

«Услуга автоматического перевода повышает шансы, что кто-то увидит ваш контент на другом языке, почти до 100%», — говорит дизайнер Эбен Соркин, который в последние годы расширил свой шрифт Merriweather (показан выше) для поддержки большего количества европейских языков и кириллицы. «Наличие специфических глифов для их языков помогает угодить пользователям, — говорит Соркин. — Чем глобальнее ваша аудитория, тем более вероятно, что вы подумаете об этом»Если ваша основная задача — чтобы шрифт не менялся в максимальном количестве начертаний, рассмотрите возможность использования семейства шрифтов Noto (показано выше).AlegreyaMerriweatherNunitoRobotoQuattrocentoподдерживают кириллицуарабскихгреческихеврейскихбенгальское письмодевангаригуджаратитамильское письмотайского алфавитаGoogle Fonts

ТОП 10 лучших бесплатных шрифтов:

Roboto

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

Шрифт Roboto

Open Sans

Второй по популярности шрифт, также отлично читается при использовании на сайтах. Бесплатен в Google Fonts, поддерживает кириллицу.

Шрифт Open Sans

Montserrat

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

Шрифт Montserrat

Roboto Condensed

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

Шрифт Roboto Condensed

Source Sans Pro

Еще один вариант современного шрифта для сайта. Прекрасно читается, имеет множество вариантов толщины. Бесплатен в Google Fonts, поддерживает кириллицу.

Шрифт Source Sans Pro

Oswald

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

Шрифт Oswald

Merriweather

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

Шрифт Merriweather

Noto Sans

Шрифт без засечек с простым дизайном букв. Имеет несколько вариантов толщины. Бесплатен в Google Fonts, поддерживает кириллицу.

Шрифт Noto Sans

Yanone Kaffeesatz

Еще один шрифт для ярких, запоминающихся заголовков. По легенде, создавался под стилизацию кофеен начала 20 века. Шрифт выглядит дорого и старомодно, прекрасно подойдет для сайта и дизайна полиграфии. Бесплатен в Google Fonts, поддерживает кириллицу.

Шрифт Yanone Kaffeesatz

Caveat

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

Шрифт Caveat

Загрузка...

Онлайн инструмент для поиска ближайшего шрифта Google

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

Это не онлайн-сервис, а программное приложение, которое работает на вашем компьютере Mac или Windows: http://www.findmyfont.com

Он принимает в качестве входных данных текстовое изображение и определяет шрифт любых выбранных вами букв, проверяя оба ваших локальных шрифта (установленных или сохраненных в папке), а также запрашивая базу данных шрифтов Find my Font онлайн (в настоящее время около 125 000 шрифтов).

Причина, по которой я решил разместить здесь сообщение, заключается в том, что Find my Font имеет много преимуществ по сравнению с традиционными сервисами WhatTheFont и WhatFontIs, особенно с учетом соответствия веб-шрифтов Google. На бесплатных сервисах нет ничего бесплатного, все имеет свою цену, когда дело доходит до производительности или конечных результатов.

WhatTheFont идентифицирует только те шрифты, которые они продают (и большую часть времени они не могут даже точно определить свои собственные шрифты). Нет причин добавлять Google Web Fonts в свою базу данных. На самом деле я думаю, что они хотят, чтобы Google Fonts никогда не существовало.

WhatFontIs имеет много бесплатных и коммерческих шрифтов в своей базе данных, но их основная задача - не добавлять и не обновлять бесплатные шрифты, так как их основной доход связан с партнерскими продажами коммерческих шрифтов от MyFonts.com (владельца сервиса WhatTheFont), шрифтов. .com и другие коммерческие продавцы шрифтов. Более того, он не скажет вам, что идентифицированные ими бесплатные шрифты принадлежат Google Fonts.

FindMyFont не является "бесплатным сервисом". Вы можете скачать 30-дневную пробную версию, но если она вам действительно нравится, вам нужно купить Pro версию (один раз). В обмен на это (несвободные услуги) вы получаете то, что у нас нет связей, поэтому мы можем сосредоточиться на том, чтобы предложить вам лучший сервис:

a) Текущая онлайн-база данных Find my Font содержит все шрифты Google, опубликованные до сих пор. Они хранятся в специальной группе, и приложение всегда сообщает, что указанный вами шрифт принадлежит Google Fonts.

b) То же самое относится и к другим источникам бесплатных / бесплатных / коммерческих шрифтов, поскольку наша онлайн-база данных содержит полную коллекцию шрифтов Dafont.com, OPTI и т. д., а также более 300 коммерческих литейных заводов.

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

d) Если вы хотите сосредоточить свои результаты только на Google Fonts, вы можете загрузить весь набор Google Fonts на свой компьютер, сообщить Find my Font, где находятся эти шрифты, и найти эквивалентный / похожий шрифт в течение нескольких секунд (локальная идентификация шрифта). скорость составляет около 5 миллионов шрифтов в минуту).

Более того, алгоритм сопоставления Find my Font во многих отношениях превосходит WhatTheFont и WhatFontIs: вы можете использовать изображения с текстом размером до 20 пикселей, он точно соответствует как семейству шрифтов, так и весу, он может соответствовать образцам искусственно выделенный курсивом / ободренный / расширенный / сжатый и многое другое.

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

http://www.findmyfont.com/index.php/download/download-free-edition

Тебе понравится это!

С уважением

Fivos

ОБНОВЛЕНИЕ (31/3/2015) Удовлетворяя запросы клиентов, которые мы получили, новая версия Find my Font 3.3.02 теперь поддерживает следующие параметры соответствия шрифтов в Интернете: «Все», «Freemium», «Коммерческие» и «Веб-шрифты Google». ». Google Fonts по-прежнему будут отображаться в результатах, если вы выберете «All» или «Freemium», но если вы выберите «Google Web Fonts», результаты поиска будут содержать исключительно Google Fonts + соответствующий процент для каждого из них. Это еще больше облегчает выбор шрифта Google, наиболее близкого к вашему образцу изображения или любому шрифту, который у вас есть на вашем компьютере.

Приложение WhatTheFont - это Shazam шрифтов

Если мы идем по улице и обнаруживаем знак, который сильно привлекает наше внимание из-за используемого шрифта, мы, скорее всего, сфотографируем его, чтобы вернуться домой, мы воспользуемся одним из веб-сервисов, которые позволяют нам идентифицировать источник фотографии. То же самое происходит, если мы просматриваем Интернет и находим шрифт, но, находясь перед компьютером, мы можем быстро обратиться к MyFonts или любому другому веб-сайту, который позволяет нам определить шрифт изображения. Чтобы ускорить процесс распознавания, ребята из MyFontst предлагают нам приложение прямо в App Store, с помощью которого мы можем быстро и с нашего iPhone узнайте, какой шрифт был использован.

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

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

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


Как определить шрифт с помощью WhatTheFont

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


Шаг 1: Загрузить изображение

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

Перейдите на myfonts.com/WhatTheFont/ и загрузите свое изображение.


Шаг 2: Выберите рамку для обрезки

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


3. Посмотреть результаты

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


4. Отправьте изображение в WhatTheFont

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


5.Открыть новый кейс

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


6. Дождитесь определения шрифта

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


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

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

Есть идеи, что за инструмент распознавания текста стоит за распознавателем шрифтов `myfonts.com / WhatTheFont`?

Есть идеи, что за инструмент распознавания текста стоит за распознавателем шрифтов `myfonts.com / WhatTheFont`? - Обмен стеком обработки сигналов
Сеть обмена стеками

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

Посетить Stack Exchange
  1. 0
  2. +0
  3. Авторизоваться Подписаться

Signal Processing Stack Exchange - это сайт вопросов и ответов для практиков в области обработки сигналов, изображений и видео.Регистрация займет всего минуту.

Зарегистрируйтесь, чтобы присоединиться к этому сообществу

Кто угодно может задать вопрос

Кто угодно может ответить

Лучшие ответы голосуются и поднимаются наверх

Спросил

Просмотрено 96 раз

$ \ begingroup $ Закрыто. Это вопрос не по теме. В настоящее время он не принимает ответы.

Хотите улучшить этот вопрос? Обновите вопрос, чтобы он соответствовал теме обмена стеком обработки сигналов.

Закрыт 3 года назад.

Зашел на myfonts.com / WhatTheFont , чтобы получить шрифт из текста для обучения тессеракта.
Я понял, что распознаватель шрифтов действительно лучше распознает текст, чем когда я использовал tesseract для того же изображения.
Итак, есть идеи, как мне узнать, какой инструмент или библиотеку OCR они используют?
У них есть форум , но это не форум поддержки, это больше похоже на магазин шрифтов.

Создан 14 фев.

$ \ endgroup $ $ \ begingroup $

Я считаю, что этот вопрос не по теме, но эта страница предполагает, что алгоритм описан в:

Оставить комментарий

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *