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

Содержание

необыкновенно простые способы от сервисов до приложений

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

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

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

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 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!

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

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

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

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

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

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

  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

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

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

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

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

Поиск шрифта по картинке с whatfontis

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

  1. Загружаем изображение со шрифтом с компьютера.
  2. Заливаем по url.
  3. Открываем дополнительные настройки.
  4. Отмечаем если по картинке есть тень.
  5. Если линия шрифта идет не четко по горизонтали, то его надо выровнять, отмечаем галочку.
  6. Если необходим редактировать файл, то на сервисе есть встроенный менеджер.
  7. Продолжить.

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

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

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

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

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

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

Расширение What font: кириллица не проблема

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

Подходит почти для всех видов браузеров google chrome, на яндексе и firefox идет отлично, проверял.

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

  1. Значок стал активным. Для включения процесса нажимаем, тоже самое делаем для отключения.
  2. Элемент со шрифтом.
  3. Расшифровка стиля, семейства и написания.

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

Приложение на мобильные устройства

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

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

Альтернативные онлайн сервисы

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

Myfonts аналог whatfontis

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

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

Identifont.com находит шрифты по опросам

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Определить шрифт по изображению. Поиск шрифта по картинке – лучшие бесплатные онлайн сервисы. Текст на веб-страницах

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

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


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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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 самых популярных шрифтов? Испытайте себя. Результаты могут оказаться неожиданными!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В заключении

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

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

Поэтому я подумал, что стоит поработать над подборкой 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 дополнительных инструмента вы можете увидеть по ссылке — . Советуем тоже смотреть.

Онлайн сервис с каталогом бесплатных шрифтов

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

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

Большой каталог бесплатных шрифтов

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

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

Простой         интуитивно-понятный  интерфейс сервиса XFont даёт возможность выбирать из русского, кириллического, граффити, рукописного или других шрифтов. Так, например, мне очень приглянулся красиво исполненный шрифт ShellyAllegroC Regular имеющий формат True Type Fonts и относящийся к семейству шрифтов ShellyAllegroC.

  • Формат TrueType (ТруТайп) разработан фирмой Apple в конце 1980-х годов и хранит информацию o контуре символа (векторное изображение). Шрифты данного формата используются во многих операционных системах и имеют расширение «ttf».

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

Вместо послесловия

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

Как определить шрифт по картинке онлайн — 4 лучших сервиса

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

Как это работает

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

  1. Загрузите изображения на сайт;
  2. Отметьте текст, который нужно распознать.

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

Особенности

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

WhatTheFont

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

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

Перейдите по адресу: https://www.myfonts.com/WhatTheFont/. Загрузите картинку:
Выделите 2-3 буквы. Чтобы узнать шрифт на картинке, нажмите на круглую кнопку со стрелкой.
Выберите походящий из списка.

 What Font is

Переходим по адресу: https://www.whatfontis.com/. Нажмите «Browse», для загрузки изображения.
Чтобы точно определить шрифт, проверьте каждую букву. Нажмите кнопку «CONTINUE».
Выберите подходящий.

Особенности

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

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

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

 FontSquirrel

Переходим по адресу: https://www.fontsquirrel.com/matcherator. Нажмите «Upload», для загрузки фото.
Поместите буквы в рамку. Нажмите «Matcherate» для определения названия.
Выберите подходящий.

Спросите совета у дизайнеров

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

  1. Напишите вопрос;
  2. Добавите фото, нажав кнопку «+»;
  3. Нажмите «Отправить».

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

Вывод

Мы рассмотрели, узнать шрифт на картинке онлайн. Рассмотренные четыре сервиса справились с задачей. Качество распознавания отличается. Можно получить десятки шрифтов с похожим визуальным дизайном. Распознавание зависит от качества картинки. Высокое разрешение позволит различить характерные особенности шрифта. Понравился поиск на сервисе What Font is.

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, которые можно использовать в презентациях

расширения, приложения и онлайн сервис

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

Содержание.

  1. Онлайн сервисы.
  2. Расширения для браузеров.
  3. Приложения на мобильные устройства.
  4. Дополнение: расширенный набор поиска.

Поиск шрифта по картинке с whatfontis

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

  1. Загружаем изображение со шрифтом с компьютера.
  2. Заливаем по url.
  3. Открываем дополнительные настройки.
  4. Отмечаем если по картинке есть тень.
  5. Если линия шрифта идет не четко по горизонтали, то его надо выровнять, отмечаем галочку.
  6. Если необходим редактировать файл, то на сервисе есть встроенный менеджер.
  7. Продолжить.

Чтобы сделать скриншот с экрана берем fast stone capture, отправить пример шрифта по url используем lightshot, возможно понадобиться узнать цвет онлайн.

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

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

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

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

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

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

Расширение What font: кириллица не проблема

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

Подходит почти для всех видов браузеров google chrome, на яндексе и firefox идет отлично, проверял.

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

  1. Значок стал активным. Для включения процесса нажимаем, тоже самое делаем для отключения.
  2. Элемент со шрифтом.
  3. Расшифровка стиля, семейства и написания.

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

Приложение на мобильные устройства

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

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

Альтернативные онлайн сервисы

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

Myfonts аналог whatfontis

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

Fontmassive русский сайт

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

Identifont.com находит шрифты по опросам

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

Typophile помогает форум

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

Bowfinprintworks быстрый опрос

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

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

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

Изменить шрифты в презентации

Изменить шрифт на одном слайде

  1. Выполните одно из следующих действий:

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

    • Чтобы изменить шрифт для всего текста в заполнителе, либо выделите весь текст в заполнителе, либо щелкните заполнитель.

  2. На вкладке Home в группе Font выберите шрифт в списке Font .

Измените шрифты во всей презентации

(Эта функция недоступна для PowerPoint в Интернете.)

  1. На вкладке View в группе Master Views щелкните Slide Master .

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

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

  4. На вкладке Образец слайдов в группе Фон щелкните Шрифты , а затем выберите шрифт из списка.

Повторите шаги с 1 по 4 для любых других шрифтов, которые вы хотите изменить. Чтобы вернуться к редактированию слайдов, на вкладке Slide Master в группе Close щелкните Close Master View .

Вы также можете использовать опцию Заменить шрифт , чтобы изменить шрифт во всей презентации. Вот как:

  1. На вкладке Home в группе Editing выберите Replace , а затем выберите Replace Fonts .

  2. В диалоговом окне « Заменить шрифт » в поле « Заменить » выберите шрифт, который нужно заменить.

  3. В поле С выберите шрифт, который вы хотите использовать, выберите Заменить , а затем выберите Закрыть .

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

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

См. Также

Используйте декоративные шрифты от сторонних поставщиков.

Найти и заменить текст

Изменение шрифтов в нижнем колонтитуле на слайде

Изменить шрифт

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

  1. На вкладке View щелкните Slide Master .

  2. На вкладке Slide Master щелкните Fonts , а затем щелкните нужный шрифт для темы.

    Вы можете изменить шрифты для презентации в любое время в режиме Slide Master.

Важно: Office для Mac 2011 больше не поддерживается . Перейдите на Microsoft 365, чтобы работать где угодно с любого устройства, и продолжайте получать поддержку.

Обновить сейчас

Выполните одно из следующих действий:

Изменить шрифт

  • На вкладке Themes в разделе Theme Options щелкните Fonts , а затем щелкните нужный шрифт для темы.

Заменить шрифт

  1. В меню Формат щелкните Заменить шрифты .

  2. Во всплывающем меню Заменить щелкните шрифт, который нужно заменить.

  3. Во всплывающем меню с щелкните новый шрифт, который вы хотите использовать, а затем щелкните Заменить .

Нужно сравнить шрифты? 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 With Google Web Fonts

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

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

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

Надстройки Firefox для изменения и анализа шрифтов
  • Theme Font & Size Changer

WHY : Легко изменить размер шрифта и семейство шрифтов, особенно если вы используете широкие экраны

Theme Программа 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 доллара США), которое превратилось в хороший инструмент обучения типографии.

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

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

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

8 простых способов определения шрифтов приложений и сайтов

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

Читайте также : 22 лучших браузерных игры, чтобы убить время в 2020 году!

1. WhatFontis

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

2. WhatTheFont

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

3. Типофил

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

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

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

5. Определите шрифты визуально

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

6. Идентификация шрифта с засечками

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

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

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

8. Поиск шрифтов

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

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

Узнали ли вы больше о способах идентификации шрифтов с помощью любого из этих инструментов?

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

3 лучших способа определения шрифтов в файлах PDF в Windows 10

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

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

Приступим.

1. Adobe Acrobat Reader

Adobe Acrobat — имя нарицательное, когда дело доходит до работы с файлами PDF. Он может делать это и многое другое, как вы, наверное, уже знаете. Вы можете открыть файл PDF с помощью Adobe Acrobat Reader и либо нажать Ctrl + D на клавиатуре, либо щелкнуть Файл, чтобы выбрать Свойства. Вы также можете щелкнуть правой кнопкой мыши в любом месте PDF-документа, чтобы выбрать параметр «Свойства».

На вкладке «Шрифты» вы найдете список всех шрифтов, используемых в этом PDF-файле.

Вы также можете проверить здесь сведения о кодировке, щелкнув значок «+». Это расширит меню. В документе используется более одного шрифта, что не редкость. Обычно это делается для выделения или выделения точек в PDF.

Если вы хотите выделить фрагмент или строку текста, а затем определить шрифт в PDF-файле, вам понадобится Acrobat DC Pro, который не является бесплатным. Если у вас есть копия, выберите «Инструменты»> «Содержимое»> «Редактировать текст документа» и выберите текст, шрифт которого вы хотите определить, а затем выберите «Свойства».Опять же, процесс довольно прост.

Интересный факт: IKEA решила изменить тип шрифта с Futura на Verdana в 2009 году. Это сделало многих людей недовольными.

2. Определить шрифты по фразам

Мы увидели, что идентифицировать шрифты в файле PDF очень просто. Идентифицировать шрифты по фразе или слову также легко, если у вас есть профессиональная версия Adobe Acrobat Reader. Если вы не являетесь его владельцем, получите программу просмотра PDF-XChange Viewer. Это бесплатная программа для чтения PDF-файлов с некоторыми дополнительными функциями, которые оплачиваются в других приложениях.

Загрузите приложение и откройте PDF-файл, содержащий понравившийся вам шрифт. Выделите текст с помощью инструмента «Выделение» (а не инструмента «Рука»). Если вместо этого вы видите значок руки, щелкните правой кнопкой мыши в любом месте документа и выберите «Выбрать инструмент».

Выделите текст и снова щелкните правой кнопкой мыши, чтобы выбрать параметр «Свойства текста».

Теперь вы можете просмотреть тип шрифта и другие сведения о кодировке на вкладке «Форматирование».

Скачать PDF XChange View

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

3. Идентификация шрифтов в Интернете

Загрузка отдельного приложения для чтения PDF-файлов для идентификации шрифтов — не самая лучшая идея. Зачем тратить драгоценное место на SSD? Я имею в виду, конечно, это служит цели, но есть другой способ идентифицировать шрифты из строки текста. Введите WhatTheFont.

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

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

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

Посетите WhatTheFont

Интересный факт: Амперсанд или (&) состоит из букв e и t.Попробуй нарисовать букву «т» над «е» прямо сейчас. Это потому, что «et» — это слово на латыни, которое буквально означает «и». Забавно, как латынь вдохновила столько английских слов.

Font Is Forever

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

Далее: Хотите разнообразить чат в WhatsApp? Нажмите на ссылку ниже, чтобы узнать о 10 трюках со шрифтами в WhatsApp, которые вы можете использовать прямо сейчас.


Вышеупомянутая статья может содержать партнерские ссылки, которые помогают поддерживать Guiding Tech. Однако это не влияет на нашу редакционную честность. Содержание остается непредвзятым и достоверным.

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

Реклама

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

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

1. What The Font

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


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

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


3. Доски сообщений: Typophile

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

4. Bowfin Printworks

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

5. TypeNavigator

TypeNavigator разработан Fontshop. Он очень похож на Bowfin Printworks, поскольку работает по тем же принципам, то есть задает вопросы о форме каждого персонажа.

6. Идентификация шрифта Flickr

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

7. Font Trainer

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

8. Списки шрифтов

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

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

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

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

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

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

Браузеры имеют встроенную функцию под названием Инструменты разработчика. Если вы используете ярлыки и просматриваете в полноэкранном режиме, возможно, вы случайно нажали F12 (открывает Инструменты разработчика) вместо F11 (полноэкранный режим).Это именно то, что мы собираемся использовать для идентификации шрифтов.

Как идентифицировать шрифты на любой веб-странице с помощью Firefox

1. Посетите любую веб-страницу и щелкните правой кнопкой мыши текст со шрифтом, который вы хотите идентифицировать. (см. снимок экрана выше)

2. Нажмите на опцию «Проверить элемент» в контекстном меню. Внизу страницы откроется раздел «Инструменты разработчика».

3. Найдите вкладку «Шрифты» в правом нижнем углу раздела инструментов.

4. Firefox отобразит название шрифта, его размер, высоту строки, интервал, толщину.

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

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

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

Как определить шрифты на любой веб-странице с помощью Chrome

1. Выполните шаги 1 и 2 из раздела Firefox. Chrome загружает инструменты разработчика в правой части страницы.

2. Щелкните вкладку «Вычислено».

3. Прокрутите вниз, пока не увидите информацию о шрифте (семейство шрифтов, размер шрифта и т. Д.).

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

После того, как вы нашли тип шрифта, вы можете использовать свои навыки Google-fu, чтобы получить шрифт со сторонних веб-сайтов. Если вы находите описанные выше шаги сложными, вы можете использовать расширение, такое как Font Finder, которое немного упрощает задачу.

Я наткнулся на этот трюк на Reddit, когда искал инструмент для определения шрифта.Но этот метод оказался простым и эффективным.

Сводка

Название статьи

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

Описание

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

Автор

Ashwin

Издатель

Ghacks Technology News

Logo

Реклама

Fonts-online.com Поиск и загрузка шрифтов для Windows и Mac

Всемирно известная библиотека Библиотека Шрифты
Список алфавитов шрифтов: # А B C D E F грамм ЧАС я J K L M N О п Q р S Т U V W Икс Y Z
Варианты шрифтов: Вариативные шрифты — это эволюция спецификации шрифтов OpenType, которая позволяет использовать множество различных вариантов гарнитуры шрифта. должны быть включены в один файл, а не иметь отдельный файл шрифта для каждой ширины, веса или стиля.

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

Самые популярные: Helvetica Now Variable , Century Gothic , Code Next , TT Autonomous , Carnero , Elicit Script , Freigeist , Domotika Pro , Eastman-Grotesque

Шрифты Fenotype: Эмиль Бертелл все это сделал.Опубликовав свои первые файлы шрифтов в 16 лет, он считался международным героем бесплатных шрифтов еще в подростковом возрасте. Он поступил в колледж дизайна, бросил учебу и стал известным графическим дизайнером и иллюстратором. Финский дизайнер, который сейчас является одним из самых успешных шрифтовых дизайнеров из северных стран на MyFonts, сказал в интервью Creative Characters, что он «с самого начала был одержим визуальной культурой».

Самые популярные: Wonder , Grand Cru , Vodka , Jazz Script , Goodwater , Leftfield , Sonder , Кемпер

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

Самые популярные: Coco Sharp , Cocogoose Pro Narrows , Blacker Pro , Erotique Sans , Aquawax Pro , Eastman Grotesque , Lovelace

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

Самые популярные: Code Next , Nexa , Nexa Rust , Intro , Пантон , Код Pro , Muller , Mixa , Glober , Uni Sans

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

Самые популярные: TT Autonomous , TT Fors , TT Ricordi , TT Norms Pro , TT Commons , TT Supermolot Neue , TT Hoves , TT Firs Neue , TT Lakes , TT Octosquares

Шрифты Северного блока: Основанная в 2006 году Джонатаном Хиллом, The Northern Block — это совместная типографская компания, получившая международное признание в области производства модернистских шрифтов для брендов, креативщиков и производителей.Высококвалифицированная и увлеченная глобальная команда Northern Block проектирует и разрабатывает отмеченные наградами розничные и нестандартные шрифты, а также продвигает дизайн нелатинских шрифтов, включая арабский, кириллицу, греческий и иврит.

Самые популярные: Stolzl , Pyke , Moret , Celdum , Manofa , Acrom , Aesthet Nova , Jaqen Semi

Шрифты Latinotype: Основатели Latinotype, базирующиеся в Консепсьоне и Сантьяго, Чили, говорят: «Наша цель — создать новые шрифты, сочетающие различные влияния, связанные с нашей южноамериканской идентичностью, с высококачественной продукцией для индустрии современного дизайна.

Самые популярные: Inter , Recoleta , Goldplay , Aestetico , Boston , Mixta , Trend , Isidora , Arquitecta , Facundo

Шрифты Monotype Imaging: Monotype Imaging специализируется на шрифтах и ​​шрифтовых технологиях для профессионалов в области графики, разработчиков программного обеспечения и производителей принтеров и устройств отображения.

Самые популярные: Vary , Gill Sans , Posterama , Sackers Gothic , Century Gothic , Slate , Neo Sans , Plantin , Arial , Роквелл , Бембо

Линотипные шрифты: Linotype Library — один из самых известных производителей и распространителей шрифтов с многолетними традициями шрифтов и типографики.Он содержит более 4000 различных шрифтов для Macintosh и ПК в таких форматах, как Opentype, PostScript, TrueType и т. Д.

Самые популярные: Helvetica Neue , Avenir , Trade-Gothic , Univers , Frutiger , DIN-Next , Futura , Linotype Didot , Eurostile , Neue-Haas-Grotesk

Шрифты Bitstream: Bitstream включает более 1000 высококачественных шрифтов в форматах OpenType, TrueType и PostScript Type 1 для Windows, Macintosh, Unix и Linux.

Самые популярные: Bank Gothic , Swiss 721 , Engravers’-Gothic , BT Futura , Zurich , Liorah , Humanist 777 , News Gothic , Square 721 , Снежная шапка

Радомир Тиньков шрифтов: Радомир официально создал свою литейную фабрику в 2009 году, дебютировав на MyFonts — Shinbi.С тех пор это персональное шоу выпустило библиотеку, которая может похвастаться широким спектром стилей.

Самые популярные: Qanelas , Qanelas Soft , Gilroy , Ридли Гротеск

Шрифты Рене Бидера: Рене Бидер — арт-директор, графический дизайнер и дизайнер шрифтов, родился и вырос в Берлине. Его проекты мощные, незамысловатые, простые и хорошо сделанные.

Самые популярные: Galano Grotesque , Campton , Faktum , Rational , Freigeist , Sagona , Magnat , Mirador

Mark Simonson шрифты: Марк Симонсон — американский дизайнер шрифтов. Он основал свою студию, специализирующуюся на шрифтах и ​​типографике, в 2000 году.

Самые популярные: Proxima Nova , Mostra Nuova , Bookmania , Холодильник Deluxe , Goldenbook , Grad , Coquette , Felt Tip Roman , Blakely , Кинескоп , Changeling Neo

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

Самые популярные: ITC Avant Garde Gothic , Neue Aachen , ITC Benguiat , ITC Franklin Gothic , ITC Conduit , ITC Officina Sans , ITC Blair , ITC Lubalin Graph , ITC New Baskerville

Шрифт Шрифтов: Библиотека шрифтов FontFont — это большая коллекция оригинальных современных шрифтов.Спектр стилей варьируется от сделанных со вкусом высококачественных текстовых начертаний до привлекательных экранных шрифтов и забавных «забавных» шрифтов до ужасающих «деструктивных» шрифтов, которые отражают текущие настроения и часто задают новые типографские тенденции.

Самые популярные: FF Scala , FF Scala Sans , FF DIN , FF Dot Matrix , FF Киевит , FF Meta , FF Trixie , FF Dax , FF Sari , FF Селеста

DTP Типы шрифтов: DTP Types Limited — разработчики высококачественного программного обеспечения для шрифтов и систем, связанных со шрифтами.Помимо сотен шрифтов, доступных из библиотеки шрифтов DTP Types, DTP Types может выполнять индивидуальный дизайн, оцифровывать логотипы и рукописный ввод.

Самые популярные: Newhouse DT , Pretorian DT , Macarena DT , Delargo DT Informal , Граверы DT , Solaire DT , Наконечник пера DT , Vigor DT

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

Самые популярные: PF DIN Text , PF Beau Sans Pro , Champion Script Pro , Reminder Pro , Handbook Pro , Bague-Sans-Pro , Square Sans Pro , Centro-Slab-Pro , Monumenta Pro , Encore Sans Pro , Nuyork Арабский

Шрифты Ascender: Ascender состоит из оригинальных и возрожденных шрифтов, пропитанных художественными особенностями и технической изысканностью.Библиотека разработала некоторые из наиболее часто используемых шрифтов в мире, такие как Arial, Times New Roman, Tahoma и Verdana, а также многие другие шрифты, которые Microsoft включает в Windows и Office.

Самые популярные: Calibri , Georgia Pro , Segoe Print , Verdana Pro , Corbel , Cambria , Trebuchet , Tahoma , Droid Serif Pro

Шрифты Scriptorium: Scriptorium предлагает сотни преимущественно декоративных и каллиграфических шрифтов, основанных на исторических и народных источниках.

Самые популярные: Rossetti , Septimus , Windlass , Albemarle , Хендрикс , Симплюс , Эльфинстон , Эрешкигаль , Пейзаж-деревья , Баттерфилд

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

Самые популярные: Mrs Eaves , Filosofia , Dalliance , Matrix , Мейсон , Тарзана , Триплекс , Демократическая , Чолла , Base Nine , Fairplex

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

Самые популярные: Block Gothic , Phosphate Pro , Hess Old Style , Harry Pro , Banque Gothique , Triple Condensed Gothic , Karnak Pro , Creighton Pro

BA Графические шрифты: BA Graphics — это независимая компания по производству цифровых шрифтов, специализирующаяся на дизайне шрифтов и логотипов.

Самые популярные: Sahara Bodoni , Italian Didot , Fashion Didot , Shadow Gothic , Deco Inline , Equate , Анимированная готика , Pimento , Barnboard

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

Самые популярные: DH Sans , Маховик , Allan Gothic , Doublecross , Leticea Bumstead , Phoenix Chunky , Fleche , Новелла

Шрифты Adobe: Более 2200 шрифтов высочайшего качества — с засечками, без засечек, дисплеев, орнаментов — для любого дизайн-проекта.

Самые популярные: Myriad Pro , Minion Pro , Trajan Pro , PMN Caecilia , Garamond Premier Pro , Adobe Caslon Pro , Kepler , Rockwell , Cronos , Утопия

Шрифты TypeArt: TypeArt (R) стали популярными среди дизайнеров во всем мире, и их можно увидеть в действии в книгах и журналах, в кино и на телевидении, на компакт-дисках, плакатах и ​​т. Д.

Самые популярные: Buffalo Joe , Mixed Breed , Horror Show , Charbonne , Уважаемый Джон , Niteweit , Keystoned , Xheighter Condensed , Silverscreen , Очаровательные принты

Шрифты Image Club: Библиотека Creative Image Club содержит более 250 шрифтов для отображения и орнаментов.
Оставить комментарий

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

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

© 2019 Штирлиц Сеть печатных салонов в Перми

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