Расширение что за шрифт

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

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

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

Fontface Ninja

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

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

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

Type Sample

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

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

Посредством авторизации чере аккаунт Twitter’a с помощью Type Sample можно создать собственную коллекцию шрифтов и поглядеть на чужие.

WhatFont

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

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

Typ.io

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

Источник

5 способов определения шрифтов на веб-странице

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

1. Фонтанелло (Chrome + Firefox)

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

2. WhatFont (Chrome и Safari)

WhatFont Chrome и расширение Safari – мой любимый вариант, когда дело доходит до обнаружения шрифтов. Чтобы активировать инструмент, вы должны щелкнуть значок What Font в меню браузера. Теперь вы можете выбрать несколько частей текста, что позволяет лучше визуализировать разбивку шрифта по сравнению с Fontanello.

3. Визуальный инспектор (Chrome)

Visual Inspector Chrome Extension предлагает немного больше глубины, чем два предыдущих. Вы просто нажимаете значок Visual Inspector в меню Chrome, чтобы активировать инструмент, а затем переходите к разделу «Типография» в раскрывающемся списке. Теперь вам представлены семейства шрифтов, используемые с дополнительной разбивкой всей типографии на веб-странице.

4. Старый добрый код проверки (все браузеры)

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

5. Раскройте переименованные шрифты (продвинутый метод)

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

Есть несколько способов сделать это, но я начну с обозначения текущего имени шрифта. Теперь откройте инструмент «Инспектор» (я использую Google Chrome), перейдите на вкладку «Приложение», прокрутите до раздела «Рамки» и откройте «Шрифты». Нам нужно сопоставить имя файла с именем шрифта, отмеченным ранее. Теперь откройте этот шрифт в новой вкладке, чтобы загрузить его. Наконец, мы перетаскиваем этот файл шрифта в классный What Can My Font Do? веб-сайт и bam, информация о шрифте представлена ​​красиво.

Источник

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

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

Где взять базу? Как сделать красивое письмо? Какие показатели смотреть? Расскажем об этом в бесплатном курсе из 16 писем. Татуировка в каждом письме!

Рассказываем про инструменты для email-рассылок. Обсуждаем лучшие примеры и механики. Говорим о деньгах. Публикуем вакансии.

Если вам понравился шрифт на сайте или баннере, его можно найти и использовать. Популярные Arial или Times New Roman угадать можно, например, по отсутствию или присутствию засечек. Более редкие и незнакомые надписи можно распознать онлайн: по картинке или скриншоту. Рассказываю, как это сделать.

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

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

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

Теперь разберу 5 онлайн-сервисов, которые распознают шрифт онлайн.

WhatTheFont

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

Язык сервиса. Английский.

Возможности. Скачать или купить шрифт.

Не требуется регистрация

Быстрый поиск по базе более 130 тыс., в том числе платным

Есть приложение для распознавания шрифта на смартфонах (можно просканировать с фотографии) и расширение для Chrome

Не распознает кириллицу

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

Font Identifier

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

Язык сервиса. Английский.

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

Не требуется регистрация

Можно поделится результатами сканирования в соцсетях

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

В базе присутствуют платные и бесплатные варианты шрифтов

Много рекламы внутри платформы

Fontspring

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

Язык сервиса. Английский.

Возможности. Купить шрифт, отредактировать изображение.

Не требуется регистрация

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

Можно сканировать изображение по ссылке

Плохо работает с кириллицей

В основном представлен платными вариантами

IdentiFont

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

Язык сервиса. Английский.

Возможности. Поиск по символу, имени дизайнера, наводящим вопросам, по части названия и по внешним признакам.

Не требуется регистрация

Постоянно пополняется база

Можно найти шрифт по названию, дизайнеру или наводящим вопросам

Нельзя определить по картинке

Whatfontis

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

Язык сервиса. Английский.

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

Можно сохранить результат сканирования (понадобится регистрация)

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

Можно искать похожие варианты по фильтру «только бесплатные»

Работает только с латиницей

Не более 10 символов на исходной картинке

Преимущества сервиса доступны только по подписке, например, поиск только бесплатных семейств по картинке

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

Латиница. Чтобы проверить возможности сервисов я взяла латинские шрифты Lobster и Permanent Marker на разных фонах.

Определен неверно, предложил платные аналоги

Определен неверно, предложил бесплатные и платные аналоги

Верно распознал

Верно распознал

Определен неверно, предложил платные аналоги

Определен неверно, предложил бесплатные и платные аналоги

Верно распознал

Верно распознал

Определен неверно, предложил платные аналоги

Верно распознал

Кирилица. Для проверки кириллицы взяла SportsWorld и Lobster на разных фонах.

Определен неверно, предложил бесплатные и платные аналоги

Определен неверно, предложил платные аналоги

Верно распознал

Определен неверно, предложил бесплатные и платные аналоги

Определен неверно, предложил платные аналоги

Верно распознал

Определен неверно, предложил платные аналоги

Определен неверно, предложил платные аналоги

Верно распознал

Определен неверно, предложил платные аналоги

Определен неверно, предложил платные аналоги

Верно распознал

Определен неверно, предложил платные аналоги

Верно распознал

Определен неверно, предложил платные аналоги

Определен неверно, предложил бесплатные и платные аналоги

Определен неверно, предложил бесплатные и платные аналоги

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

Почему шрифт может не распознаваться

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

Также можно поискать шрифт вручную на форумах или задать вопрос там же: форум MyFonts, группа Type&Typography в Facebook, форум Fontmassive, форум Ruldtp.

Источник

5 лучших расширений Chrome для идентификации шрифтов

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

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

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

1. WhatFont

Имея более миллиона загрузок в Интернет-магазине Chrome, вы просто не ошибетесь с WhatFont. Расширение делает то, что умеет лучше всего, а именно быстро и эффективно определяет шрифты.

Просто щелкните значок расширения WhatFont и наведите курсор на слово. вы сразу увидите название шрифта внизу. Это супер-быстро. Просто перетащите курсор по веб-странице, чтобы быстро выделить столько шрифтов, сколько хотите.

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

И, чтобы подвести итог, для удобства он выдаст ссылку для загрузки шрифта (если он доступен бесплатно). Превосходно.

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

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

2. Fontface Ninja

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

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

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

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

Даже с эстетической точки зрения Fontface Ninja очень приятен на вид, с четким и понятным пользовательским интерфейсом, вдохновленным Концепция материального дизайна Google. У него даже есть темная тема для загрузки, которая идеально сочетается с темным режимом Chrome!

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

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

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

Чтобы заменить шрифт, все, что вам нужно сделать, это выбрать абзац, щелкнуть его правой кнопкой мыши, указать на Font Finder и затем щелкнуть «Заменить шрифт на». Просто введите название шрифта, и изменение мгновенно отобразится!

Вы можете попробовать это на любой веб-странице, которая встречается в Chrome. Но опять же, Font Finder может быть слишком техническим — WhatFont или Fontface Ninja могут вам подойти больше.

4. FontScanner

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

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

FontScanner лучше всего работает в сочетании с другим расширением идентификации шрифта. Используйте его для полного изложения любой веб-страницы, а затем используйте WhatFont, Fontface Ninja или Font Finder, чтобы вникнуть в детали.

5. WhatFontIs

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

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

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

Разберись с легкостью

Ну вот и все. Будем надеяться, что любое из этих расширений Chrome сослужит вам хорошую службу, когда вы столкнетесь с непонятные шрифты, о которых вы понятия не имеете около. Итак, какой был твой любимый выбор? WhatFont обеспечивает супер-удобный подход к идентификации шрифтов. Fontface Ninja может определять шрифты как в тексте, так и в изображениях. Между тем, Font Finder может заменять шрифты на лету. Сообщите нам о своем выборе и причинах в разделе комментариев ниже.

Следующий: Знаете ли вы, что эти шрифты можно установить и в Microsoft Edge Chromium? Выясни как.

Источник

Как найти нужный шрифт, не зная его названия?

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

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

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

What The Font?!

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

What The Font — известный ресурс, который поможет найти шрифт по загруженной картинке.

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

Шаг 1: Загрузите картинку. Если картинка с фоновым шумом или с недостаточным контрастом, будь добры потратить несколько минут в Photoshop, что бы довести картинку до ума.

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

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

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

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

В результатах поиска, What The Font мне выдал 24 варианта. К чести What The Font могу сказать, что некоторые шрифты из списка были похожи на Adobe Garamond Pro.
Но я загрузил маленькую картинку.

Увеличив размер картинки (максимум 360 на 275 пикселей), список резко сократился:

Minion Regular Small Caps & Oldstyle Figures
Minion Regular
Adobe Garamond

Где, как вы видите, нашелся и правильный шрифт (хотя не совсем точно, между Adobe Garamond и Adobe Garamond Pro, все-таки разница, хоть и небольшая, но есть), если бы я увеличил размер картинки еще больше, то идентификация прошла бы успешно, но мне уже было лень проверять.

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

Typophile

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

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

FontShop

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

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

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

Identifont

Это сайт, дает новый поход к поиску с относительным результатом. Identifont задает вопросы, по типу «Имеют ли буквы серифы?» или «Какой формы серифы?»

После этого, Identifont постарается дать ответ на основе заданных вопросов.

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

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

Хотя, это уже философия, так как это правило можно применить к любому делу.
Удачного поиска!

Источник