Поиск шрифта по образцу онлайн: Страница не найдена — Компьютерные лайфхаки

Содержание

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

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

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

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

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

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

  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

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

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

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

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

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

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

Online-сервисы

WhatTheFont

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

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

IdentiFont

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

Whatfontis

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

Приложения и расширения для браузеров

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

FontFaceNinja

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

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

Whatfont tool

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

Fount

Отличный плагин для идентификации шрифтов на сайтах. Чтобы все заработало, сайт нужно добавить в закладки и нажать на него. Курсор примет форму крестика и при нажатии на шрифт будет появляться окошко с его названием, размером в пикселах, весом и стилем. Чтобы выключить — нажимаем еще раз. Работает с браузерами Safari, Chrome, Firefox, и IE8+.

Апгрейд личных навыков распознавания шрифтов

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

Font Trainer

Онлайн-игра-тест: устанавливаете параметры и угадываете где какой шрифт. Можно установить как латиницу, так и кириллицу.

The Font Game HD

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

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

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

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

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

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

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

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

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

1. What font is

Это бесплатный сайт, который дает вам возможность проще всего определить, какой шрифт используется на странице. Когда вы находитесь на сайте, на котором вам понравился тот или иной шрифт, просто сделайте скриншот страницы таким образом, чтобы на изображении был текст. Однако скриншот по размеру не должен превышть 1.8мб, и достаточно, чтобы на нем была всего одна строка текста. Формат изображения должен быть jpeg/jpg, gif или png. Далее скриншот загружается на Identify Fonts, и сайт отображает вам результат. Вы можете установить фильтр на отображение только бесплатных шрифтов, только платных шрифтов, либо и тех и тех.

2. Identifont

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

3. WhatTheFont

WhatTheFont распознает шрифты по тому же принципу что и IdentifyFont. Мы можем загрузить изображение в формате GIF, JPEG, TIFF или BMP, и в нем должно быть не более 25 символов. Так как символы сканируются вебсайтом, нам нужно будет подтвердить правильные символы. Затем сайт анализирует каждый символ и находит шрифт. .

4. Font Trainer

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

5. TypeNavigator

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

Еще 3 дополнительных инструмента вы можете увидеть по ссылке — . Советуем тоже смотреть.

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

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

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

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

.

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

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

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

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

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

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

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

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

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

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

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

Поиск шрифта по картинке – лучшие бесплатные онлайн сервисы. Лучшие способы определить шрифт по картинке онлайн — подробные инструкции и сервисы

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

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

Fontface Ninja

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

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

Расширение для идентификации шрифтов Fontface Ninja для Safari и Chrome вполне соответствует идее скрытного и эффективного наёмника. Работа с ним строится так: нажав на кнопку расширения, наведите курсор на интересующий шрифт — всплывающая подсказка будет содержать информацию о его названии, межстрочном интервале, размере. Если повезёт, тут же шрифт можно будет скачать.
Весьма любопытной может оказаться функция Mask: она позволяет скрывать графическое содержимое страницы, оставляя лишь текстовые блоки.

Type Sample

Ещё одно полезное расширение, но только для пользователей Chrome. Остальные могут приобщиться к прекрасному по старинке — воспользовавшись услугами закладок.

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

Расширение и для Chrome, и для Firefox, и для Яндекс.Браузера. Компенсируется такая всеядность предельно простым функционалом: нажал на кнопку, включив режим определения шрифтов, навёл на нужный и узнал кое-что новое.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Fontface Ninja для Safari и Chrome.

Type Sample для Chrome.

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

Typ.io для Chrome.

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

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

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

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

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

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

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

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

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

https://yandex.ru/images/

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

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

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

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

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

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

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

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

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

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

Жмем Continue.

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

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

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

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

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

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

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

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

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

Скриним.

Растр

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

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

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

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

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

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

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

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

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

Вектор

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  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

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

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

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

Изменение отделки | OKI

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


Для драйвера принтера PCL для ОС Windows

  1. Откройте файл для печати.

  2. В меню [Файл] выберите [Печать].

  3. Нажмите [Настройки].

  4. Перейдите на вкладку [Расширенная настройка].

  5. Нажмите [Шрифты].


  6. Снимите флажок [Подстановка шрифтов] для параметра [Формат вывода шрифта Truetype], выберите один из следующих форматов вывода, а затем щелкните [OK].
    • [Download as outline font (Загрузить как эскизный шрифт)]

      Создание изображений шрифта в принтере.

    • [Download as bitmap font (Загрузить как растровый шрифт)]

      Создание изображений шрифта с помощью драйверов принтера.

  7. При необходимости измените другие параметры, а затем нажмите [ОК].

  8. На экране [Печать] нажмите [Печать].

Для драйвера принтера PS для ОС Windows

  1. Откройте файл для печати.

  2. В меню [Файл] выберите [Печать].

  3. Нажмите [Настройки].

  4. Нажмите [Расширенные] на вкладке [Макет].

  5. Нажмите [Шрифт TrueType], а затем выберите [Загрузить как программный шрифт].

  6. Нажмите [OK].

  7. При необходимости измените другие параметры, а затем нажмите [ОК].

  8. На экране [Печать] нажмите [Печать].

Определить шрифт по картинке онлайн – оналайн ресурсы, бесплатно

Узнать шрифт по картинке онлайн – особенности реализации

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

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

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

Какой должна быть картинка

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

Что сделает поиск более точным:

  1. Горизонтальное расположение букв.
  2. Достаточное расстояние между символами. Они не должны сливаться.
  3. Качество фото максимально возможное, чтобы при увеличении знаки не размывались. Рекомендуется использовать разрешение не менее 600 точек на дюйм. Буквы должны быть с четким контуром.

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

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

WhatTheFont

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

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

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

Итак, попробуем воспользоваться сервисом.

Мы будем расшифровывать довольно крупный шрифт, просто чтобы остальные сервисы тоже могли сработать на этой картинке. Картинка 960×640 пикселей.

  1. Переходим сюда https://www.myfonts.com/WhatTheFont/
  2. Перетаскиваем из проводника картинку на открывшуюся область:
    Перетащили картинку, появилась рамка
  3. Появляется рамка, она охватывается предлагаемую для распознавания область картинки, ее можно передвинуть и сузить либо расширить.
  4. Жмем синюю кнопку и получаем набор предлагаемых вариантов (очень много, все платные).
  5. Нужный шрифт не найден.
    Набор вариантов

У сервиса есть второе преимущество – в нем можно отыскать некоторые кириллические шрифты.

Начало работы

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

WhatFontIs

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

  1. Заходим сюда https://www.whatfontis.com/
  2. Загружаем картинку. Сервис предлагает мышкой разделить символы, что мы и делаем.Такой возможности больше нет ни в каком сервисе.
    Разделяем слившиеся символы мышкой
  3. На следующим шаге мы еще вводим буквы с клавиатуры вручную, чтобы помочь распознавателю.
  4. В результате шрифт найден. Называется он Vegan Style Personal Use.
Особенности

Сервис предлагает выбрать подходящий шрифт из:

  • коммерческих;
  • бесплатных;
  • шрифтов от Google.

Выберите его из формы, расположенной справа, нажмите кнопку «ADV SEARCH» (расширенный поиск).

Fonts Squirrel

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

Кроме того, разделить буквы мышкой тут нельзя, и на нашей картинке отдельным символом распознается  только буква V, остальные буквы слиты по две:

Fontspring.com — поиск необходимых шрифтов онлайн

Второй инструмент, о котором я хочу рассказать – это fontspring.com. Его возможности обладают схожим с другими ресурсами данного плана функционалом и требованиями.

  1. Для работы с сайтом перейдите на fontspring.com.
  2. Здесь нажмите на кнопку «Upload the image» для загрузки картинки со шрифтом на сайт, или на «image URL» для приведения линка на нужную страницу со шрифтом в сети.
  3. После загрузки вашей картинки с помощью рамки укажите нужные символы текста для идентификации, и нажмите на кнопку «Matcherate It!». Будет проведена процедура опознания шрифта, а затем вы сможете просмотреть список найденных совпадений.

IdentiFont

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

Myfonts.com

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

  • текст должен быть размещен горизонтально;
  • на картинке должно находиться не более 50 букв (не наложенные друг на друга и в высоту от 100 пиксеей;
  • максимальный размер изображения – 400,000 точек.

Средство распознания расположено . Кликаем на клавишу «Обзор», указываем путь к картинке и нажимаем «Продолжить» (Continue). Ниже отображаются подсказки в отношении того, правильно ли выставлена рамка. Запускаем сканирование и ждем результат. Немного удобнее способ – перетянуть картинку в рабочую область, она автоматически загрузится на сервер. Сейчас сайт работает только с двумя самыми популярными форматами: jpg, png.

En.likefont.com – идентификация русского шрифта по картинке

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

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

  1. Запустите likefont.com;
  2. Нажмите на кнопку «Upload image» ниже, и загрузите вашу картинку на ресурс;
  3. Щёлкните внизу на «Crop», и установите границы для определения шрифта;

    Установите границы для определения шрифта

  4. Промотайте страницу чуть ниже, и помогите ресурсу опознать некоторые буквы, набрав их правильные аналоги;
  5. Набрав несколько таких букв, нажмите на «Identify»;
  6. Просмотрите найденные результаты
  7. При необходимости нажмите на «Download» справа для загрузки нужного шрифта на ваш ПК.

Fonts Ninja

Fonts Ninja – это расширение для браузера Google Chrome. Оно предназначено для идентификации шрифта текста с сайта – именно текста, а не картинки.

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

Fontspring Matcherator

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

  1. Перейти на официальный сайт Fontspring.com.
  2. Теперь кликните на «Upload image» для загрузки изображения.
  3. Выделите шрифт на картинке, который нужно найти.
  4. Чтобы совершить поиск, нажмите на кнопку «Matcherate It!».
  5. Вы получите список с результатом.

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

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

Специфика сетевых ресурсов для идентификации шрифтов

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

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

Сам же процесс распознавания по фото осуществляется двумя основными способами:

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

[spoiler title=”Источники”]

  • https://SdelaiComp.ru/obzori/opredelit-shrift-po-kartinke-onlajn.html
  • https://comp-doma.ru/kak-opredelit-shrift-po-kartinke.html
  • https://itlang.ru/opredelit-shrift-po-kartinke-onlajn/
  • https://public-pc.com/kak-opredelit-shrift-po-kartinke-onlajn/
  • https://easywebscripts.net/obzori/raspoznat-shrift-po-kartinke-onlajn.php
  • https://games-instel.ru/opredelit-shrift-po-kartinke-onlajn/
  • https://GamesQa.ru/interesting/luchshie-servisy-dlya-raspoznaniya-shriftov-18888/
  • https://easywebscripts.net/obzori/kak-opredelit-russkij-shrift-po-kartinke-onlajn.php
  • https://extra-hns.ru/soft/raspoznavanie-shrifta.html

[/spoiler]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Открываете сервис.

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

1. Нажав на кнопку Browse, выберите нужную картинку. Мой пример:

2. Укажите url-адрес к этой картинке, в случае, если она находится у вас не на компьютере, а где-то висит на просторах интернета.

Затем кликаем на Continue.

Примечание

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

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

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

Еще ниже имеется три регулятора, влияющие на поисковую выдачу.

1. Display only free fonts or free alternative fonts
. Галочка здесь означает, что поисковая выдача будет содержать только бесплатные аналоги.

2. Display only commercial fonts or commercial alternative fonts
— здесь наоборот — только платные аналоги.

3. Display all fonts
— отобразятся сразу все возможные шрифты.

Выбрав нужную галочку, жмите на Continue.

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

Как видите, подходящий для меня вариант отображен самым первым под названием «SummerCrushes»
. Я кстати поставил галочку, чтобы мне предлагали только бесплатные аналоги. Поэтому я могу с легкостью нажать на «Click here to download the font»
, чтобы скачать шрифт который я определял по картинке.

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


Заметили ошибку в тексте — выделите ее и нажмите Ctrl
+ Enter
. Спасибо!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. What font is

Это бесплатный сайт, который дает вам возможность проще всего определить, какой шрифт используется на странице. Когда вы находитесь на сайте, на котором вам понравился тот или иной шрифт, просто сделайте скриншот страницы таким образом, чтобы на изображении был текст. Однако скриншот по размеру не должен превышть 1.8мб, и достаточно, чтобы на нем была всего одна строка текста. Формат изображения должен быть jpeg/jpg, gif или png. Далее скриншот загружается на Identify Fonts, и сайт отображает вам результат. Вы можете установить фильтр на отображение только бесплатных шрифтов, только платных шрифтов, либо и тех и тех.

2. Identifont

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

3. WhatTheFont

WhatTheFont распознает шрифты по тому же принципу что и IdentifyFont. Мы можем загрузить изображение в формате GIF, JPEG, TIFF или BMP, и в нем должно быть не более 25 символов. Так как символы сканируются вебсайтом, нам нужно будет подтвердить правильные символы. Затем сайт анализирует каждый символ и находит шрифт. .

4. Font Trainer

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

5. TypeNavigator

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

Еще 3 дополнительных инструмента вы можете увидеть по ссылке — . Советуем тоже смотреть.

Я уверен, что у любого дизайнера был такой момент, когда он видел где-то какой-то шрифт, который так мог бы пригодится в проекте, но… что за шрифт?.. Ответ на этот вопрос затаился в глубине Вашего сознания, либо в глубине Вашего «незнания» (что разумеется простительно).

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

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

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

Шаг 2: После загрузки картинки, проверьте, что What The Font правильно определил глифы, и лишь после этого жмите «поиск».

Вкратце, ГЛИФ
— это графический образ знака. Один знак может соответствовать нескольким глифам; строчная «а», капительная «а» и альтернативный вариант строчной «а» с росчерком являются одним и тем же знаком, но в то же время это три разных глифа (графемы).

С другой стороны, один глиф также может соответствовать комбинации нескольких знаков, например лигатура «ffi», являясь единой графемой, соответствует последовательности трех знаков: f, f и i. Т.о. для программы проверки орфографии слово suffix будет состоять из 6 знаков, а графический процессор выдаст на экран 4 глифа.

Сначала я загрузил эту картинку:

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


💾 Блог: Что это за шрифт

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

Определить шрифт

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

WhatTheFont!

Это бесплатный онлайн-источник для поиска шрифтов с использованием изображений. Вам просто нужно загрузить изображение со своего рабочего стола, чтобы отправить URL-адрес изображения, чтобы определить шрифт из списка возможных совпадений. Инструмент будет соответствовать вашему шрифту с огромной коллекцией шрифтов в своей базе данных и даст вам правильный ответ в течение нескольких минут. Для получения хороших и быстрых результатов убедитесь, что используемое изображение четкое и имеет максимум 50 символов. Идеальный размер рекомендуется для одной строки текста примерно 160 x 1250 пикселей, а файл не должен превышать 2 МБ. Проверьте WhatTheFont здесь и узнайте свой любимый шрифт.

Identifont

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

WhatFontIs

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

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

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

  • Определить шрифт
  • Tweet

    Share

    Link

    Plus

    Send

    Send

    Pin

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Ищите образцы шрифтов, примеры и проверить его бесплатно в AZfonts

    Тестовые шрифты в настоящее время

    CharsetEverythingAllgemeine InterpunktionAllgemeine Indische ZiffernAlphabetische PräsentationsformenArabischArabisch, ErgänzungArabisch, erweitert-AArabische Präsentationsformen-AArabische Präsentationsformen-BArmenischBasis-LateinischBengalischBirmanischBirmanisch, erweitert-ABlockelementeBopomofoBopomofo, erweitertBraille-ZeichenBuchstabenähnliche SymboleBuginesischBuidCJK-Ideogramme, KompatibilitätCJK-KompatibilitätCJK-KompatibilitätsformenCJK-Radikale, ErgänzungCJK-StricheCJK-Symbole унд -InterpunktionChamCherokeeCherokee SupplementDevanagariDingbatsGeometrische FormenGeorgischGeorgisch, ErgänzungGlagolitischGriechisch унд KoptischGriechisch, ZusatzGujaratiGurmukhiHalbbreite унд vollbreite FormenHangeul-JamoHangeul-Джамо, KompatibilitätHangeul-SilbenzeichenHanunóoHebräischHigh Суррогаты (Privater Bereich) HiraganaHoch- унд tiefgestellte ZeichenI-Гинг-HexagrammeIPA- ErweiterungenIde ographische BeschreibungszeichenJavanischKanbunKangxi-RadikaleKannadaKatakanaKatakana, Phonetische ErweiterungenKayah LiKhmerKhmer-SymboleKleine FormvariantenKomb.диакр. Zeichen für SymboleKomb. диакр. Zeichen, ErgänzungKombinierende diakritische ZeichenKombinierende Halbe diakritische ZeichenKoptischKyrillischKyrillisch, ErgänzungKyrillisch, erweitert-AKyrillisch, erweitert-BLaotischLateinisch, erweitert-ALateinisch, erweitert-BLateinisch, erweitert-CLateinisch, erweitert-DLateinisch, weiterer ZusatzLateinisch-1, ErgänzungLatin Продлен ELimbuLisuMalayalamMathematische OperatorenModifizierende TonzeichenMongolischMyanmar Продлен BNKoNeu- Тай-LueOgamOl ChikiOptische ZeichenerkennungOriyaPfeilePhagspaPhonetische ErweiterungenPhonetische Erweiterungen, ErgänzungPrivate Использование ZoneRahmenzeichnungRejangRunenSamaritanischSinghalesischSpacing Модификатор LettersSpeziellesSteuerzeichenSyloti NagriSymbole für SteuerzeichenSyrischTai LeTai VietTamilischTeluguThaanaThailändischTibetischTifinaghUmschlossene Дальневосточные-Zeichen унд -MonateUmschlossene alphanumerische ZeichenVariantenselektorenVedische ErweiterungenVereinh.Силбенз. канад. Ureinw., Erw.Vereinh. Silbenzeichen kanad. UreinwohnerVereinheitlichte CJK-IdeogrammeVereinheitlichte CJK-Ideogramme, Erweiterung AVerschiedene SymboleVerschiedene Symbole унд PfeileVerschiedene Mathematische Symbole-AVerschiedene Mathematische Symbole-BVerschiedene Technische ZeichenVertikale FormenWährungszeichenYi-RadikaleYi-SilbenzeichenZahlzeichenZusätzliche InterpunktionZusätzliche Mathematische OperatorenZusätzliche Pfeile-AZusätzliche Pfeile-BÄthiopischÄthiopisch, ZusatzÄthiopisch, erweitertÄthiopisch, erweitert-А

    WhatFontIs является Самый простой способ определить шрифты в Интернете

    Эта статья спонсируется BAW Media.Спасибо за поддержку партнеров, которые сделали возможным использование SitePoint.

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

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

    Шаг 1. Начало работы

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

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

    Шаг 2. Загрузите образец изображения шрифта, которое вы ищете

    Есть 3 способа сделать это.

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

    WhatFontIs требует как минимум одну строку горизонтального текста в формате GIF, JPG или PNG.Принимаются только латинские буквы, буквы не должны касаться друг друга.

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

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

    Шаг 3. Выберите лучший результат из полученных результатов, и готово!

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

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

    Что нового в последней версии?

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

    • Улучшенные инструменты распознавания шрифтов. Инструменты изображения были добавлены для адаптации содержимого изображения шрифта для лучшего распознавания. Что это значит для вас, пользователя? Это означает, что увеличиваются шансы получить либо точное совпадение, либо подобное.
    • Повышенная скорость поиска — Скорость важна в большинстве случаев онлайн-поиска. Более быстрый алгоритм значительно сократит время, необходимое для поиска определенного шрифта.
    • Система автоматического распознавания символов. Auto CR быстро и автоматически распознает символы в цифровых файлах. При этом он может значительно ускорить поиск шрифтов.

    Использование расширения браузера WhatFontIs

    Еще один небольшой совет: вы можете подарить WhatFontis.com для браузера Chrome (есть также надстройка для Firefox). Это только немного повысит удобство поиска шрифтов.

    Что предлагает улучшенная премиум-версия WhatFontIs.com

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

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

    Что нового в премиум-версии?

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

    Готовое решение часто вызывающей недоумение проблемы

    Найти слово в словаре может быть сложно, если вы не умеете его писать, но это не невозможно. такие инструменты, как WhatFontIs.Добавление WhatFontIs в свой инструментарий сэкономит вам много времени, особенно если вы активный пользователь.

    9 методов распознавания шрифтов (онлайн и офлайн!) | Labelado

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

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

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

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

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

    Программа строгая и требует точной обрезки изображения, в котором есть шрифт. Запущенный поиск Fontidentifier покажет все связанные шрифты, похожие на тот, который мы искали, посоветовав, где найти и скачать искомые шрифты как бесплатно, так и за плату. jpg, WhatThefFont.com — это сайт для вас. Вам нужно заранее знать, что есть правила, которым нужно следовать, вы должны убедиться, что:

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

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

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

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

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

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

    Один из самых интересных каналов на Reddit для этой цели — https: // www.reddit.com/r/identifythisfont/, у которого почти 100 000 подписчиков, может похвастаться хорошим репертуаром экспертов по шрифтам и интересующихся миром типографики!

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

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

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

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

    Что это за шрифт — как найти шрифт?

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

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

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

    1. WhatFontis.

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

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

    2. WhatTheFont

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

    3. Сопоставитель шрифтов Squirrel

    Вы также можете идентифицировать шрифт по изображению с помощью Font Squirrel’s Matcherator. Вы можете загрузить изображение или даже предоставить URL-адрес изображения, чтобы Matcherator мог помочь вам с идентификацией шрифта. Этот инструмент поддерживает функции OpenType.

    4. / r / identifythisfont

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

    5. Идентификатор

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

    6. Шрифт в логотипе

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

    7. Руководство по идентификации шрифтов с засечками

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

    8. Инструмент WhatFont

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

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

    Как определить шрифт в любом формате — Medialoot

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

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

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

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

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

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

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

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

    Как определить веб-шрифт

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

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

    Букмарклет или расширение WhatFont чрезвычайно просты в использовании.

    Давай попробуем. Locust Street Press — это местная типография, и у них есть очаровательный веб-сайт, на котором используется тонкий шрифт без засечек, состоящий только из заглавных букв. Но что это за великолепный шрифт? WhatFont показывает, что это Ostrich Sans Rounded Medium Regular.Вау, я никогда не знала, что что-то со страусом в названии может выглядеть так изящно!

    Другой инструмент, который работает аналогично, — это Fount. Доступный в виде букмарклета, он работает аналогично и, возможно, немного красивее, чем WhatFont, но не предоставляет столько деталей.

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

    Но что, если объект вашего желания шрифта не обслуживается удобным веб-шрифтом? Что, если он используется в изображении — тогда как вы могли бы его идентифицировать?

    Не бойся! У меня в рукаве есть еще один инструмент.

    WhatFontIs — это инструмент, который анализирует изображения и пытается найти похожие шрифты. Это может быть немного сложно заставить работать, но он очень хорошо работает при распознавании даже сложных шрифтов. Мой совет: тщательно обрежьте изображение, убедитесь, что это темный текст на светлом фоне (инвертируйте цвета изображения, если необходимо — вы можете использовать веб-редактор, такой как Pixlr, если у вас еще не открыт Photoshop), и когда он запрашивает вас чтобы идентифицировать буквы на изображении, набирайте их только в том случае, если он выбрал целую букву.

    Чтобы лучше понять, что я имею в виду, возьмем в качестве примера эту часть веб-сайта Triple Crown Corporation «Реконструкция и ремонт»:

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

    Первые несколько результатов оказались бесполезными, но потом я заметил это…

    Вот и он: Юрген Курсив! Я перешел по ссылке, чтобы загрузить шрифт, и попытался ввести тот же текст в предварительный просмотр.Я сразу понял, что это тот же шрифт. А еще лучше, это было бесплатно!

    Попробуйте сами. Если это не сработает, альтернативным инструментом является WhatTheFont, хотя, несмотря на более запоминающееся название, по моему опыту, он не сработал.

    Когда все остальное терпит неудачу

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

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

    Хотите улучшить свои собственные навыки распознавания шрифтов? Умение определять распространенные шрифты с первого взгляда — важный навык для ускорения процесса проектирования. FontTrainer — хорошее место для начала; он генерирует предложение, в котором каждое слово выделено разным шрифтом и цветом. Щелкните слова и начните отождествлять. Ищете что-то более продвинутое? Игра со шрифтами для iOS, хотя и больше не поддерживается, по-прежнему вызывает привыкание.

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

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

    Нужно сравнить шрифты? 23 Инструменты для сравнения и идентификации шрифтов

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

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

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

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

    Далее он продолжает:

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

    Надо одеваться по случаю.

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

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

    Поскольку каждый инструмент отличается своим подходом и результатами, мы ответили для вас на самый важный вопрос: ПОЧЕМУ Я ДОЛЖЕН ИСПОЛЬЗОВАТЬ? Прочтите и узнайте, какие инструменты лучше всего подходят для вас.

    Идентификатор

    ПОЧЕМУ : Используйте несколько различных показателей для поиска шрифтов в массивной типографской базе данных

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

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

    WhatTheFont

    ПОЧЕМУ: Отсканируйте или сфотографируйте печатный носитель для идентификации шрифтов

    Загрузите изображение (GIF, JPEG, TIFF или BMP), содержащее менее 25 символов, и дождитесь, пока инструмент просканирует картинку, анализируя каждый символ, чтобы найти шрифт. Это, вероятно, самый простой способ найти шрифты, используемые в печатном дизайне.Вы также можете сфотографировать печатные СМИ и загрузить изображение.

    WhatFontIs

    ПОЧЕМУ : Сделайте снимок экрана и загрузите его, чтобы найти шрифт

    Просто загрузите изображение и определите шрифты

    Этот инструмент может быть хорошей альтернативой WhatTheFont. Когда вы найдете понравившийся шрифт, сделайте снимок экрана и загрузите его на веб-сайт, чтобы определить шрифт. Размер снимка экрана не должен превышать 1,8 МБ, а текст должен быть размещен в одну строку. Соответствующий формат изображений — PEG / JPG, GIF или PNG.У вас есть возможность отфильтровать результаты и увидеть либо бесплатные шрифты, либо коммерческие шрифты, либо и то, и другое.

    Определить шрифты по зрению

    ПОЧЕМУ : Используйте его, когда у вас есть в виду конкретный шрифт или вообще ничего конкретного

    Определите шрифт, ответив на вопросы о его характеристиках

    Определить шрифты по зрению — это альтернатива Identifont. Итак, если вы не уверены, какой шрифт ищете, этот инструмент может оказаться очень полезным и даже вдохновить вас на создание шрифтов.Инструмент задает вам простые вопросы, например «Какой стиль является заглавным« Q »хвостом?», И на основе ваших ответов показывает список шрифтов, соответствующих вашему описанию.

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

    Руководство по идентификации шрифтов с засечками

    ПОЧЕМУ : Используйте его для идентификации шрифтов с засечками

    Найдите шрифт с небольшой помощью Руководства по идентификации шрифтов с засечками

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

    WhatFont Tool

    ПОЧЕМУ: Используйте его для немедленной идентификации шрифтов

    Получите информацию о шрифте текста, на котором вы наводите курсор.

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

    Используемый шрифт

    ПОЧЕМУ: Найдите шрифты и свяжитесь с дизайнерами

    Разместите изображение в группе и спросите, какое на нем название шрифта.

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

    Расширения Chrome для тестирования, сравнения и идентификации шрифтов

    ПОЧЕМУ : Проверить, как шрифт выглядит в браузере в режиме реального времени

    Без каких-либо изменений, Font Playground позволяет просматривать веб-шрифты Google, и локальные шрифты, установленные в вашей системе на действующей веб-странице.

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

    • Font Changer с помощью Google Web Fonts

    ПОЧЕМУ : Измените шрифт любого веб-сайта быстро и легко

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

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

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

    • Theme Font & Size Changer

    ПОЧЕМУ : Легко изменить размер шрифта и семейство шрифтов, особенно если вы используете широкие экраны

    Тема Программа Font & Size Changer изначально создавалась для помощи людям с нарушениями зрения.Однако это очень полезно для тех, кто пользуется широкими экранами. Вы можете изменить размер шрифта и семейство шрифтов во всех окнах, меню, панелях инструментов и т. Д.

    ПОЧЕМУ: Используйте его для анализа информации о шрифте

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

    Расширения Safari для идентификации шрифтов

    • Fontface Ninja (также доступно для Chrome)

    ПОЧЕМУ : Распознать, попробовать и загрузить любой шрифт в Интернете

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

    • WhatFont (также доступно для Chrome)

    ПОЧЕМУ : Наведите курсор на текст во время просмотра и определите шрифты, которые вам нравятся

    WhatFont — это надстройка браузера (Chrome, Safari), которая позволяет быстро помогает определить шрифты, которые вы видите при просмотре веб-страниц, путем наведения курсора на текст.

    Нужно сравнить шрифты? Найдите свой лучший шрифт

    Tiff

    ПОЧЕМУ : Используйте его для сравнения двух шрифтов боком

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

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

    TypeTester

    ПОЧЕМУ : Используйте его для одновременного сравнения до трех шрифтов

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

    Перелистывание Обычное

    ПОЧЕМУ : Предварительный просмотр настраиваемого текста с использованием различных шрифтов одновременно (все шрифты, установленные на вашем компьютере)

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

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

    Комбинатор веб-шрифтов

    ПОЧЕМУ : Выберите лучшую комбинацию шрифтов для текста

    Быстрый просмотр комбинаций шрифтов на основе браузера

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

    FontComparer

    ПОЧЕМУ: Используйте его для быстрого сравнения различных веб-шрифтов

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

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

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

    Font Dragr

    ПОЧЕМУ: Используйте его для изменения семейства шрифтов

    Попробуйте FontDragr

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

    Просто перетащите любые шрифты TrueType (ttf), opentype (otf), масштабируемой векторной графики (svg) или Web Open Font Format (WOFF) с рабочего стола на Font Dragr и измените семейство шрифтов текста слева боковая панель. Вы можете редактировать текст, выбирать шрифты и наблюдать за изменениями.

    Вам нужен конкретный шрифт?

    Используйте эти инструменты для создания ваших шрифтов

    FontStruct

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

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

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

    Fontifier

    Используйте свой собственный почерк на своем компьютере

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

    FontForge

    Загрузите FontForge и приступайте к работе.

    FontForge — это бесплатное приложение (Mac, Windows, Unix / Linux) для создания (и редактирования) шрифтов Postscript, Truetype, Opentype, SVG и растровых шрифтов.

    Приложение отличается обширной документацией по созданию шрифта и совместимостью с Linux. Крутая функция FontForge — это возможность конвертировать один формат в другой.

    Fontographer

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

    Fontographer — это мощное программное обеспечение для типографики, доступное для Windows и Mac, специально созданное для графических дизайнеров.

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

    FontLab Studio

    Pro Tools для Mac и Windows

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

    Этот редактор доступен для Windows и Mac и поддерживает все основные форматы контурных шрифтов, от OpenType и TrueType до PostScript Type 1T и Multiple Master.

    FontCreator

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

    Font Creator доступен для Windows.

    BirdFont

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

    Вам нужен бесплатный редактор фотографий? Редактор BirdFont ничего не стоит, и вы можете использовать его для создания шрифтов TTF, EOT и SVG. Загрузите бесплатную версию для создания шрифтов под лицензией SIL Open Font, для других лицензий вам необходимо обновить.

    Доступен для Windows, Linux, Mac OS X и BSD.

    Typecast

    Найдите правильный шрифт Google

    Typecast — это бесплатный инструмент дизайна на основе браузера, созданный Google для создания прототипов веб-шрифтов, веб-страниц и RWD.До появления инструмента было сложно понять, как будет выглядеть тот или иной шрифт Google, если вы не используете платную версию. Инструмент теперь бесплатный, и вы также можете попробовать разные цвета, размеры, эффекты и веса.

    Хотите узнать больше о типографике?

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

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

    Typography — это форум по графическому дизайну, где вы можете найти полезные советы, руководства и инструменты.

    I Love Typography — это веб-сайт, на котором публикуются последние новости о шрифтах, статьи о типографике и дизайне, а также интервью.

    Typography Insight — это приложение для iPhone и iPad (1,99 доллара США), которое превратилось в хороший инструмент обучения типографии.

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

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

    Поделитесь с нами!

    шрифтов — Expo Documentation

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

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

     
      $ expo install expo-font @ expo-google-fonts / inter
      

    После этого вы можете интегрировать это в свой проект с помощью хука useFonts в корне вашего приложения.

     
      импорт React из react;
    импортировать {View, Text} из 'react-native';
    импортировать AppLoading из expo-app-loading;
    импортировать {useFonts, Inter_900Black} из '@ expo-google-fonts / inter';
    
    экспортировать функцию по умолчанию App () {
      let [fontsLoaded] = useFonts ({
        Inter_900 Черный,
      });
    
      if (! fontsLoaded) {
        return ;
      } еще {
        возвращение (
          
             Inter Black 
          
        );
      }
    }
      

    Чтобы создать новый проект, включающий этот пример, запустите npx create-react-native-app --template with-custom-font в вашем терминале.

     
      импорт React из react;
    импортировать {Text, View} из 'react-native';
    импортировать AppLoading из expo-app-loading;
    импортировать {useFonts} из 'expo-font';
    
    экспортировать реквизиты по умолчанию => {
      let [fontsLoaded] = useFonts ({
        'Inter-Black': требуется ('./ assets / fonts / Inter-Black.otf'),
      });
    
      if (! fontsLoaded) {
        return ;
      } еще {
        возвращение (
          
             Inter Black 
             Платформа по умолчанию 
          
        );
      }
    };
      

    Когда вы загрузите его на свое устройство, вы должны увидеть что-то вроде этого:

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

    Первое, что вам понадобится, это файл шрифта. В этом примере мы используем Inter Black из семейства бесплатных шрифтов Inter с открытым исходным кодом Расмуса Андерсона. В приложениях Expo принято размещать шрифты в каталоге ./assets/fonts , но вы можете разместить их где угодно.

    Два официально поддерживаемых формата шрифтов для платформы Expo — это OTF и TTF.По возможности следует использовать один из этих форматов. Если ваш шрифт в другом формате, попробуйте преобразовать его в
    один из тех форматов.

    Это единственные форматы шрифтов, которые последовательно работают в Expo в Интернете, Android и iOS.

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

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

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

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

    А в Интернете можно указать несколько общих семейств шрифтов. Разные пользователи, браузеры и операционные системы будут настроены на использование разных шрифтов для каждой из спецификаций этих семейств шрифтов. Например, Safari на iPhone будет использовать Сан-Франциско по умолчанию для sans-serif , тогда как Microsoft Edge в Windows будет использовать Arial, а Chrome на Android обычно будет использовать Roboto, хотя телефоны OnePlus часто будут использовать Slate и т. Д.и т.д. обычно это легко читаемый шрифт без засечек, с которым должен быть знаком пользователь любой системы; или использовать свой собственный шрифт, чтобы иметь точный контроль над тем, что увидит пользователь.

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

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

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

    Эти подходы называются FOUT и FOIT, и вы можете прочитать о них гораздо больше в Интернете.

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

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

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

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

    Для этого просто замените require ('./ assets / fonts / MyFont.otf') URL-адресом вашего шрифта.

    Вот минимальный полный пример.

     
      импорт React из react;
    импортировать {Text, View} из 'react-native';
    импортировать AppLoading из expo-app-loading;
    импортировать {useFonts} из 'expo-font';
    
    экспортировать реквизиты по умолчанию => {
      let [fontsLoaded] = useFonts ({
        'Inter-SemiBoldItalic': 'https://rsms.me/inter/font-files/Inter-SemiBoldItalic.otf?v=3.12',
      });
      if (! fontsLoaded) {
        return ;
      } еще {
        возвращение (
          
             Inter SemiBoldItalic 
             Платформа по умолчанию 
          
        );
      }
    };
      

    ⚠️

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

    Если вы не хотите использовать ловушку

    useFonts (например, вы предпочитаете компоненты класса), вы можете использовать Font.loadAsync напрямую. Под капотом происходит то, что ваши шрифты загружаются с использованием Font.loadAsync из библиотеки expo-font . Вы можете использовать это напрямую, если хотите, или если вы хотите иметь более детальный контроль над тем, когда ваши шрифты загружаются перед рендерингом.

      импорт React из react;
    import {Text, View, StyleSheet} из 'react-native';
    импортировать AppLoading из expo-app-loading;
    импортировать * как шрифт из 'expo-font';

    let customFonts = {
    'Inter-Black': требуется ('./assets/fonts/Inter-Black.otf '),
    'Inter-SemiBoldItalic': 'https://rsms.me/inter/font-files/Inter-SemiBoldItalic.otf?v=3.12',
    };

    класс экспорта по умолчанию.

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

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

    Формат Интернет iOS Android
    ttf
    9026 907
    woff2
    dfont
    9026 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 907 9025 907 907 907 907 907 907 907 907
    fon
    bdf
    ps
    ttc

    51