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

Как распознать шрифт с картинки: лучшие онлайн-сервисы

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

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

Определяем шрифт на фото с помощью WhatTheFont

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

Сейчас все покажу на примере:

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

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

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

Мобильное приложение WhatTheFont

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

Процесс работы с WhatTheFont довольно прост: достаточно навести устройство на картинку, и сервис автоматически определит шрифт.

Рассмотрим на примере:

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

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

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

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

WhatFontis

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

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

Официальная страница: WhatFontis

FontDetect (FontMassive)

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

Ссылка на скачивание: FontDetect

Identifont

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

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

Официальная страница: Identifont

FontSpring

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

Официальная страница: FontSpring

FontMatch

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

Ссылка на скачивание: FontMatch

FontSquirrel

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

Официальная страница: Font Squirrel

Что делать, если не получилось найти шрифт

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

Вот ссылки на некоторые из них:

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

Заключение

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

Как узнать источник веб-сайта с помощью Google Chrome

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

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

даже если вы используете Mozilla Firefox вы можете использовать это руководство, которое мы уже подготовили.

Как узнать, какой шрифт использует веб-сайт в Google Chrome на Mac

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

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

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

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

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

» Загрузите WhatFont из Интернет-магазина Chrome

Как проверить шрифт на странице в Chrome, Firefox или Opera

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

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

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

Проверьте шрифт на странице с помощью расширения Font Finder

Один из самых простых способов — использовать расширение Font Finder, которое доступно для браузеров Chrome, Opera и Firefox. Вы можете загрузить их из официального репозитория Google или Mozilla, используя следующие ссылки:

Загрузить Font Finder для Chrome

Загрузите Font Finder для Opera

Скачать Font Finder для Firefox

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

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

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

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

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

Например, в нашем случае это шрифт, описанный как «Familiarpro.» Его полное имя «Familiar PRO», поэтому, когда вы вводите его в поисковой системе Google, мы обязательно найдем нужное место. Таким образом, мы можем быстро и легко найти шрифт каждого шрифта, который используется для стилизации фактического текста, отображаемого на странице.

Где находятся шрифты?

Список шрифтов, установленных на Вашем компьютере, можно увидеть, открыв в Панели управления (Control Panel) папку с характерным названием «Шрифты» («Fonts»). Точнее, следует пройти по маршруту «Пуск» — «Панель Управления» — «Шрифты».

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

Иногда программами «зажимаются» и самые обычные шрифты. Чтобы добраться до шрифтов, надо открыть программу и найти в ней команду «Шрифт» (Font). Она скрывается где-нибудь в недрах меню в программе, и там поискать нужный «Просмотр шрифтов».

Вернемся к папке со шрифтами в Панели управления.

В Windows 7 шрифты можно найти, если

• кликнуть «Пуск» (1 на рис. 1) и
• в нижней строке «Поиск» (2 на рис. 1) ввести слово: шрифты.
• После этого будет найдена папка «Шрифты»  (3 на рис. 1):

Рис. 1. Как найти шрифты в Windows 7 через Пуск — Поиск

 

Чтобы увидеть образец шрифта в папке «Шрифты» («Fonts»), надо дважды щелкнуть его значок.

Нажав кнопку «Печать» (Print), можно распечатать образец шрифта.

Нажав «Готово» (Finish), вы уберете окно просмотра шрифта с экрана.

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

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

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

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

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

Можно сравнить шрифты, даже не просматривая их. Для этого выделите шрифт и нажмите на панели инструментов кнопку «Подобие» (с буквами АВ). Или в меню выберите команду «Вид» (View), а затем – «Группировать схожие шрифты». Рядом с названиями шрифтов появится комментарий – «Похож», «Очень похож» и «Не похож».

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

Как скрыть варианты одного и того же шрифта в папке шрифтов? Можно убрать с глаз долой варианты одного шрифта – курсив, жирный. Для этого в меню нажмите «Вид» (View) – «Скрыть варианты начертания».

Обычно из всего шрифтового богатства используют десятую часть. Новичку совершенно не нужно такое количество шрифтов (разве что на первых порах, любопытства ради). При наборе текстов часто используют Times New Roman, Arial, Tahoma, Courier, Helvetica, ну и еще пару-тройку, на свой вкус.

В чем причина популярности этих шрифтов?

Во-первых, эти шрифты легко читаются.

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

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

Если  Вы открываете файл, текст в котором набран с применением экзотического шрифта, и такого шрифта на Вашем ПК нет, то ничего прочитать Вы не сможете. Правда, можно попробовать выделить весь текст и применить к нему стандартный шрифт, например, Time New Roman.

Упражнения по компьютерной грамотности:

1) Откройте на своем ПК папку «Шрифты». Выделите какой-либо векторный шрифт (с двумя синими буквами Т), кликните по меню «Файл», а затем – по опции «Открыть».

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

Рекомендую также прочитать:

Параметры шрифта

3 способа задания параметров шрифта

Шрифт с засечками. Рубленый шрифт.

Моноширинные шрифты. Пропорциональные шрифты.

Векторные шрифты. Растровые шрифты.

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

.

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

Автор: Надежда Широбокова

31 января 2011

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

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

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

Что делать, если вам понравился шрифт, но вы не знаете его название? Все очень просто, если под рукой есть его графическое начертание. Существует большое количество 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 минут.

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

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

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

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

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

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

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

2. What The Font , адрес http://www.myfonts.com/WhatTheFont/
   xdf

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

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

   Я добавила букву f, исправила S на i и дописала точку в свободное поле. Снова “Continue”.

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

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

3. Это были сервисы, которые определяют шрифт по картинке. Однако, есть сайты, где работает поиск шрифта по отдельным отличительным элементам.
   Identifont адрес http://www.identifont.com/index.html

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

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

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

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

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

4. Font Finder Firefox Add-On — дополнения для Firefox, которое определяет какой шрифт используется на сайте. Просто выделите слово на сайте, и дополнение определит шрифт и стиль CSS.
   Ссылка на дополнение https://addons.mozilla.org/en-US/firefox/addon/font-finder/
5. Bowfin Print Works — http://www.bowfinprintworks.com/SerifGuide/serifsearch.php

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

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

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

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

Поможет решить данную проблему достаточно простым и оригинальным способом. Вы загружаете (со своего компьютера или указав ссылку) картинку или логотип, на которых содержится текст, а сайт выдаёт список шрифтов. Для загрузки подходят файлы размером не более 360 x 275 пикселей и следующих форматов: GIF, JPEG, TIFF, BMP. Иногда может потребоваться ввести соответствующие символы, изображенные на картинке, поскольку система не всегда способна сама их точно опознать.

Для лучшего распознавания системой отдельных символов, разработчики рекомендуют придерживаться следующих рекомендаций. Следует помнить, что чем меньше шрифт, тем более велика вероятность ошибочной идентификации текста. Оптимальным для системы является размер отдельного символа в пределах 100 пикселей (больший размер увеличивает время поиска совпадений). Конечно, ссылаясь на ограничение картинки по ширине, изображение будет содержать всего 3-4 символа, но этого вполне достаточно для определения похожих шрифтов. Сервис успешно работает с цветными картинками, однако высокой точности можно добиться только на черно-белых изображениях.

После загрузки изображения анализатор распознает символы.

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

Есть один недостаток — нет поддержки кириллических шрифтов.

Есть еще один замечательный онлайн сервис по распознанию шрифтов — (What Font is)

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

На сервисе Whatfontis есть 3 пути узнать что за шрифт:

Путь 1

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

По окончанию в самом конце страницы, будет три варианта поиска:

• Display only free fonts or free alternative fonts
  (Отобразить только бесплатные шрифты или альтернативные бесплатные)
• Display only commercial fonts or commercial alternative fonts
  (Отобразить только платные шрифты или альтернативные коммерческие)
• Display all fonts
  (Отобразить все шрифты)

Путь 2
Можно не загружать свою картинку содержащую текст с искомым шрифтом, а указать веб адрес картинки со шрифтом.

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

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

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

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

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

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

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

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

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

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

Определение шрифтов | Butterick’s Practical Typography

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

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

Традиционный способ — это практика. По моим оценкам, после более чем 20-летнего изучения шрифтов я могу на глаз определить около 300 различных семейств. По сравнению с более чем 100 000 доступных цифровых шрифтов — это немного.Но он охватывает около 95% шрифтов, используемых в мире. Поэтому, когда я вижу шрифт, я обычно знаю, что это такое.

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

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

2. На веб-сайтах прочтите CSS.
   Веб-спортсмены могут использовать инспектор исходного кода HTML / CSS в любом веб-браузере, чтобы узнать, какие шрифты используются. (Подсказка: ищите свойство font-family .)

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

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

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

5. Спросите у типографа.
Самый простой способ - сделать снимок и написать его в Твиттере в адрес @Font_ID или @TypeID, которых трудно сбить с толку.

6. Изучите ключевые символы.
Идентификация шрифтов становится проще, когда вы узнаете, что отличает их друг от друга. Кое-что из этого придет естественным образом с их использованием. Но в каждом шрифте есть несколько символов с необычными деталями.Если вы заметите и запомните эти детали, вы сможете распознать больше шрифтов. Например, очень сложно идентифицировать шрифты строго по их знакам пунктуации, которые, как правило, больше похожи, чем различаются. Но такие символы, как A, E, G, M, Q, R, S, a, e, f, g, r, s, t - и, конечно, амперсанд - обычно имеют легко распознаваемые различия.

【решено】 Как узнать шрифт на картинке

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

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

Какой стиль шрифта?

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

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

Откройте изображение в Photoshop , чтобы начать.

1. В меню выберите Тип> Сопоставить Шрифт .
2. Поле захвата накладывается на шрифт в файле изображения . Измените размер окна захвата как можно ближе к шрифту, который должен идентифицировать как .
3. Поставьте галочку в маленьком квадрате с надписью Показать шрифты , доступные для синхронизации из Typekit.

Что такое приложение для шрифтов?

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

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

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

Какой идентификатор шрифта лучше всего?

Лучшие известные идентификаторы шрифта включают Matcherator от Fontspring, das Portal WhatFontis.com и WhatTheFont от myfont.com.

Как найти похожие шрифты?

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

Какой шрифт используется в pdf?

Используя PDF Reader, проверьте свойства документа, чтобы увидеть , какие шрифты используются. Если вы используете Adobe Acrobat для чтения файлов PDF , выберите «Файл»> «Свойства» и щелкните вкладку Fonts , чтобы просмотреть список шрифтов , используемых в документе.

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

Некоторые стандартные шрифты Microsoft Word Cursive

Сценарий Segoe.Почерк Люциды. Эдвардианский сценарий. Kunstler Script.

Какой шрифт представляет собой инструмент Safari?

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

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

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

Как установить шрифты?

Установка шрифта в Windows

1. Загрузите шрифт с сайта Google Fonts или другой шрифт с веб-сайта .
2. Разархивируйте шрифт , дважды щелкнув файл.
3. Откройте папку font , в которой отобразится шрифт или шрифты , которые вы скачали.
4. Откройте папку, затем щелкните правой кнопкой мыши каждый файл шрифта и выберите Установить .
5. Теперь ваш шрифт должен быть установлен !

Какой шрифт использует Apple 2019?

SF Pro. Этот нейтральный, гибкий шрифт без засечек представляет собой системный шрифт для iOS, iPad OS, macOS и tvOS.

Как я могу добавить шрифты на свой iPhone?

Вы можете загрузить шрифт из приложения App Store, а затем использовать их в документах, которые вы создаете на iPhone . После загрузки приложения, содержащего шрифтов из App Store, откройте приложение, чтобы установить шрифты . Чтобы управлять установленными шрифтами , перейдите в «Настройки»> «Общие», затем нажмите « Fonts ».

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

Для этого вам нужно пометить как OTF или как файл TTF в ZIP-файле и нажать «Настройки»> «Извлечь в…».

1. Извлеките шрифт с по Android SDcard> iFont> Custom.
2. Шрифт теперь будет расположен в Мои шрифты как - пользовательский шрифт .
3. Откройте его, чтобы просмотреть шрифт и установить его на свое устройство .

Как изменить стиль шрифта на моем iPhone?

Измените размер шрифта на iPhone , iPad и iPod touch

1. Перейдите в «Настройки»> «Специальные возможности», затем выберите «Отображение и размер текста » .
2. Нажмите «Увеличить » Текст для увеличения шрифта вариантов.
3. Перетащите ползунок, чтобы выбрать нужный размер шрифта .

Как я могу загрузить бесплатные шрифты на свой iPhone?

Есть ли бесплатное приложение для шрифтов для iPhone?

1 Adobe Creative Cloud

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

Как мне установить шрифт Arial на мой iPhone?

Нажмите значок «Aa», чтобы просмотреть параметры форматирования. Вместо клавиатуры появится меню; нажмите «По умолчанию Font », чтобы просмотреть менеджер шрифтов . У есть почти сотня вариантов на выбор, включая Times New Roman, Arial , Courier, Georgia, Helvetica Neue, Verdana и Marker Felt.

Как определить, какой из заданных шрифтов был использован на веб-странице?

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

1.WhatFont: Расширения, такие как WhatFont , упрощают обнаружение шрифта на веб-странице. Вам просто нужно установить его и щелкнуть по элементу, который вы хотите проверить. Результат отображается в плавающем поле в выбранном вами контексте. Он доступен для Google Chrome, Safari, Firefox.
Как загрузить и активировать:

1. Перейти на этот сайт https://chrome.google.com/webstore/detail/whatfont/jabopobgcpjmedljpbcaablpmlmfcogm/related?hl=e2
Google
2. Добавить (загрузить) расширение chrome или расширение Safari в веб-браузере по вашему выбору.
3. Перейдите на веб-страницу, на которой вы хотите узнать шрифт, и щелкните расширение WhatFont.
4. Наведите указатель мыши на веб-страницу. Вы найдете плавающее поле, содержащее шрифт, который вы хотите узнать.

Вывод:

2. Fontanello: Еще один полезный инструмент - Fontanello . Он скажет вам, какой веб-шрифт в вашем стеке шрифтов вы на самом деле видите, а не то, что должно быть видно. Он также сообщит вам размер, вес и стиль шрифта. Это так же просто, как добавить закладку. Fontanello работает в Safari, Chrome, Firefox.
Как скачать и активировать:

1. Перейти на этот сайт https: // chrome.google.com/webstore/detail/fontanello/jdlhfjlpaijjhklfadlhbbmpjfddkglc?hl=ru
2. Добавьте (загрузите) расширение Google Chrome или расширение Safari в браузере по вашему выбору.
3. Перейдите на веб-страницу, где вы хотите узнать шрифт, щелкните правой кнопкой мыши текст, найдите в меню шрифт fontanello.

Вывод:

3. Элемент Inspect: Как разработчик, вы можете использовать inspect несколько раз. Inspect также можно использовать для поиска шрифтов, используемых на веб-странице.Использование инструментов разработчика в ваших браузерах - хороший способ узнать, какие шрифты объявлены в CSS веб-сайта. Но использование inspect не так просто, как использование расширения. Однако Inspect не показывает, какой шрифт на самом деле отображается - он показывает только применяемые стеки шрифтов. У этого также есть преимущества. Это, несомненно, улучшит ваши навыки работы с CSS, поскольку вы узнаете, как на самом деле CSS работает на вашем веб-сайте.

Вывод:

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

Учебное пособие о том, как узнать, какие шрифты используются на веб-сайте

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

Часто оказываешься на веб-сайте с ЛУЧШИМ шрифтом и не понимаешь, как его найти и откуда, черт возьми, он взялся.Сегодня я решаю вашу проблему самым простым способом, аналогично выяснению, какую платформу использует сайт. Все эти советы и уловки настолько хороши, потому что иногда вам просто нужно работать, чтобы быть легким, и я знаю, что мы все иногда так себя чувствуем (гм ... все время)! О, И мы делаем это шаг за шагом на Goo gle Chrome и Safari ! Ура варианты. Извините, пользователи Firefox 😬.

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

Google Chrome

Шаг 1. Щелкните правой кнопкой мыши и выберите «Проверить».

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

Зайдите на сайт, который вызывает у вас зависть, когда дело касается их шрифтов. Для меня это определенно сайты моих друзей! Щелкните правой кнопкой мыши пустую область страницы и выберите «Проверить» и приготовьтесь к проверке.Первый пример, который я вам показываю, - это сайт моего друга-фотографа Каси Йоста.

Это сайт моего друга-фотографа Каси Йост, который просто потрясающий!

Шаг 2. В разделе «Источники» выберите категорию шрифтов

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

Например, «font-family: Nunito Sans» - шрифт Nunito Sans!

Далее, моя подруга-иллюстратор Брук Глейзер:

Это сайт моего друга-иллюстратора Брук Глейзер, он такой яркий и игривый!

Другой пример на другом веб-сайте, выберите «Источники», затем в разделе « шрифты .googleapis.com ", вы увидите, что в правой части экрана отображается" font-family: Grand Hotel ".

И мой умный сайт:

На моем собственном веб-сайте, пройдя те же шаги, мы видим «font-family: Libre Franklin ». Это на самом деле рассмешило меня, потому что по какой-то причине я подумал, что на моем веб-сайте есть несколько разных шрифтов, но, к моему удивлению, я использую только пару, а остальные представляют собой графику, полную хаоса.Ура для сохранения ?!

Проделаем те же проверки из Safari, будет вроде, то же самое, но другое!

Safari

Шаг 1. Щелкните правой кнопкой мыши и выберите «Проверить элемент»

Для S afari пользователей , начните с щелчка правой кнопкой мыши в любом месте страницы и выберите «Проверить элемент». Если вам нравится дежавю, это потому, что это почти одинаково в обоих браузерах.Я действительно считаю важным поделиться этим руководством, используя оба, хотя из-за инклюзивности.

Шаг 2. На вкладке «Источники» выберите папку, связанную со шрифтами.

Меню появится внизу страницы в Safari, не пугайтесь! Выберите вкладку «Источники», и вы увидите симпатичную маленькую папку под названием «шрифты». Я имею в виду, могут ли они быть более ясными ?! Кажется, это было бы очень просто, НО папка дает вам имена шрифтов, не указывая, как они выглядят! Облом, но у тебя есть варианты.

Вариант 1: Погуглите название шрифта и посмотрите, соответствует ли он тому шрифту, который вам нужен. Следите за вторым вариантом на следующем шаге!

Шаг 2b. Найдите «font» или «font-family» в строке поиска справа и найдите шрифт.

Вот где вариант два вступает в игру! Найдите «font» или «font-family» в строке поиска в правой части всплывающего меню. Это выведет все, что находится в этих границах, и даст вам точное имя шрифта, которое вы хотите!

С сайта Брук:

На этом веб-сайте используется платформа Squarespace, поэтому она будет выглядеть немного иначе, чем предыдущая.Нет всплывающей папки «font», ТАК, мы должны использовать нашу изящную панель поиска для поиска либо «font», либо «font-family». В нем будут перечислены все шрифты, используемые на веб-сайте! Просто потребуется немного дополнительных поисков. Хорошо, что у нас есть все время в мире!

С моего сайта:

Я использую Kajabi для платформы своего веб-сайта, в которой не было папки "font", поэтому нам нужно искать снова! Это полезно помнить, когда вам нужно решить проблему, если папка «font» не появляется сразу, вам следует попробовать использовать панель поиска.

---

Надеюсь, это видео поможет вам найти шрифты, которые вам понравились, на других сайтах! Я знаю, что сталкивался с этой дилеммой много-много раз. Из-за этого этот трюк оказался для меня ТАК полезным, и теперь, надеюсь, я смог передать эту мудрость вам!

Как найти имена семейств шрифтов для CSS

i Jupiterimages / Photos.com / Getty Images

Имена семейств шрифтов определяют шрифты в каскадных таблицах стилей или CSS.Поскольку у многих шрифтов есть вариации, дизайнеры используют фамилию, например Arial, Helvetica или Verdana, а не конкретное имя шрифта, например Arial Black или Verdana Bold. Найти фамилию для шрифта просто, потому что фамилия - это общее название шрифта и всех его вариаций. Существуют универсальные семейства шрифтов, такие как без засечек и моноширинный, которые при названии в CSS позволяют браузеру выбирать шрифт по умолчанию в указанном стиле.

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

Добавьте общее название семейства шрифтов в свой стек шрифтов. Стеки шрифтов - это списки семейств шрифтов в CSS, и веб-дизайнеры используют их в качестве резервных шрифтов, когда посетители не установили на своих компьютерах наиболее предпочтительный шрифт.Используйте общее имя «serif» для завершения стопки шрифтов, которые начинаются с шрифтов с засечками, таких как Georgia или Times New Roman, и используйте «sans-serif» для завершения стопки шрифтов, которые начинаются с таких шрифтов, как Helvetica или Verdana. Другие общие названия включают «моноширинный», «курсивный» и «фантастический». Обратите внимание, что общие имена семейств шрифтов не имеют значения, когда вы встраиваете шрифт с помощью @ font-face.

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

body {font-family: "Helvetica Neue", Arial, sans-serif; }

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

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

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

Как определить шрифт по напечатанному образцу

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

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

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

Вот шаги для определения шрифта коробки iPad с помощью приложения WhatTheFont Mobile на iPhone.

IDG

Если у вас нет устройства iOS (!), Попробуйте вместо этого использовать один из этих веб-сайтов:

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

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

К счастью, в Интернете гораздо проще идентифицировать шрифты, чем в печатном виде.Если шрифт, который вы хотите найти, используется в живом веб-тексте, а не в изображении, просто используйте WhatFont, который доступен как букмарклет, а также как расширение для Safari и Chrome. После установки расширение добавляет маленькую букву f? слева от поля адреса в вашем браузере. Нажмите кнопку, наведите указатель мыши на какой-нибудь текст, и волшебным образом появится информация о шрифте.

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

IDG

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

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

IDG

Определить шрифт из изображения в Интернете

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

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

Спросите профессионалов

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

Эта статья была написана Лесой Снайдер и обновлялась с момента ее первоначальной публикации.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.