Руководства, Инструкции, Бланки

как подобрать шрифт по образцу

Категория: Бланки/Образцы

Описание

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

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

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

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

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

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

Последний шаг. Жмем: результат!

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

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

как подобрать шрифт по образцу:

  • скачать
  • скачать
  • Другие статьи

    Определение шрифта с помощью программы photoshop

    Как определить шрифт, размер и цвет текста в фотошопе

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

    И так, первым делом, в фотошопе, необходимо открыть макет которого хотите сверстать. Потом необходимо выбрать инструмент текст и кликнуть по тексту, которого хотите определить. Для примера, я взял макет с названием Modus Versus.

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

    Нажимаем на кнопку cancel. так как если нажмем на OK. то шрифт текста изменится на одного из стандартных, в частности на Times New Roman. Если уже случайно нажали на кнопку OK. то, для того чтобы вернуть исходный шрифт, нажмите кнопку отмена , которая появилась на верхней панели инструментов, рядом с кнопкой галочки.

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

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

    После клика по прямоугольнику опять выскочит окошко с предупреждением о том, что определенный шрифт отсутствует в фотошопе и он будет заменен на стандартном. На этот раз нажимаем на кнопку OK. После нажатия, сразу же выскочит окошко с палитрой цветов, где отображаются коды цвета. Самые распространённые коды цветов, которые используется в web, это шестнадцатеричный код (например, #ffffff) и RGB код (255, 255, 255).

    Теперь можно скопировать этот код цвета в нужном Вам формате, и использовать его в файл стилей. Если все символы у шестнадцатеричного кода одинаковые, то его можно сократить, написав только 3 символа, вместо 6. Например, код #ffffff можно сократить до такого формата: #fff. Код черного цвета #000000 также можно сократить до формата #000, и так далее. Для примера, зададим цвет текста у элемента h1.

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

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

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

    Моя электронная почта: sergiu920@mail.ru

    Автор статьи: Мунтян Сергей

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

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

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

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

    Текст на картинке (только зарубежные)

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

    1. Заходим на сайт myfonst.ru в раздел whatthefont. Именно на этом сервисе мы и будем искать то, что нам нужно.
    2. Так. Теперь нажмите на «Выберите файл» и найдите на своём компьютере ту картинку, по которой вы хотите найти шрифт. Сдалали? Отлично. Теперь нажмите «Continue».
    3. Дальше сервис попробует определить правильно ли он расшифровал буквы на этом изображении. Если где-то остались пустые клеточки или вы видите, то буква в клетке не соответствует действительности, то помогите сервису и расставьте буквы как надо. Это и нужно для самого определения.
    4. Далее, после обработки, вам высветятся все похожие шрифты, которые нашлись в базе. Во, я как раз нашел и тот, который использовал. Хотя и остальные похожи по написанию.

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

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

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

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

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

    1. Зайдите на сайт fontmassive.com и вставьте в сообщение картинку. Для этого либо перетащите его из окна проводника с помощью зажатой левой кнопкой мыши прямо в строку, либо нажмите на соответствующий значок.
    2. Напишите какое нибудь сообщение или комментарий, введите свое имя и почту, чтобы получить уведомление когда вам ответят, и нажмите «Отправить» .
    3. После этого либо периодически заходите на сайт, чтобы проверить, как там поживает ваш пост, либо ждите, когда придет уведомление на почту. Обычно это не занимает много времени.
    Текст на веб-страницах

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

    1. Для начала нужно установить само расширение в браузере google chrome, называется оно Whatfont. Как ставить расширения вы можете посмотреть на примере этой статьи. Так что если вы не знаете, то почитайте.
    2. Теперь зайдите на любой сайт и нажмите на появившийсязначок расширения в правом верхнем углу, после чего наведите курсор на любой фрагмент текста. Видите? Появилась рамочка с названием шрифта. Собственно это и есть то, что мы искали.
    3. А если нажать нажать левой кнопкой мыши по фрагменту, то вам откроется окошко с более подробной информацией. Кроме самого названия шрифта вы сможете увидеть его размер на данном фрагменте, а также его цвет.

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

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

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

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

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

    • . наберите в поиске Google: sqrt(cos(x))*cos(300x)+sqrt(abs(x))-0.7)*(4-x*x)^0.01, sqrt(6-x^2), -sqrt(6-x^2) from -4.5 to 4.5
    • . не всякое оценочное суждение должно служить модификатором поведения
    • . сила трения - это комиссия реальности за перемещение энергии
    • . наверх к шапке сайта можно вернуться с помощью кнопки "home"
    • . нужна красивая кнопка на CSS - используйте наш конструктор
    • . на нашем сайте открылся новый сервис - добавление винтажных эффектов к фото
    • . Интернет весит больше, чем 530 миллиардов гигабайт!
    • . участники групп Вконтакте. Google+ и Facebook знают про лампу, которая горит более ста лет, присоединяйтесь - это бесплатно же
    • . в Microsoft Word и других редакторах неделимый пробел ставится сочетанием "ctrl+shift+space"
    • . нажав "ctrl+alt+print scr", ты сделаешь скриншот именно активного окна в windows
    • . снять защиту с PDF файла нереально? можно!
    • . мы открыли магазин часов с обратным ходом и на широком ремешке добро пожаловать
    • . прокручивать сайт вниз можно кнопкой "пробел", а вверх - "shift+пробел"
    • . что такое реверсивный поиск изображений?
    • . про онлайн калькулятор, который чертит графики - читаем далее
    • . секретные смайлики Facebook - троль и ко, подробнее
    • . что будет, если в поиске Google набрать "do a barrel roll"
    • . как определить английский шрифт по изображению? читаем
    • . как легко качать видео с Youtube и Vimeo?читаем далее
    • . не сидите за компьютером больше часа без отрыва, встаньте пройдитесь!
    • . чтобы открыть ссылку в новой вкладке браузера, достаточно при нажатии удерживать Ctrl
    • . в английской версии Vk - нет рекламы, просто переключите язык в настройках
    • . чтение детерминирует вербальную аддитивность
    • . мы сами не знаем куда ведёт эта ссылка - "Мне повезёт!"
    • . мы открыли онлайн лавку с прикольными часами, посмотреть
    • . как удалить свой аккаунт в социальных сетях? легко и просто
    • . используешь почту Gmail? прочитай про фильтры
    • . вызывать диспетчер задач Windows гораздо удобнее сочетанием Ctrl+Shift+Esc, не снимая руки с мыши :)
    • . как быстро изменить размер нескольким фото читать
    • . Вам бесплатно, нам приятно:

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

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

    Первый и самый примечательный из них сервис от MyFonts, который позволяет определить шрифт по изображению. Для его использования Вам понадобится файл изображения (PNG,JPG, TIFF и т.п.), c искомым Вами шрифтом. Вот некоторые советы по подготовке данного файла:

    • следует разъединить буквы, если они касаются друг друга;
    • если изображение цветное, переведите его в оттенки серого;
    • оставьте одну горизонтальную строку с 50 символами или менее;
    • постарайтесь использовать изображение с высотой букв от 100 пикселей;
    Подготовка изображения

    Для нашей цели мы выбрали логотип сервиса Flickr, а для его обработки будем использовать Pixlr (работа с редактором графики онлайн). Обработка легкая и Вы справитесь за несколько шагов:

    1. Сохраняем логотип flickr на ПК или копируем ссылку на него.

    2. Открываем его в онлайн редакторе

    3. Обесцвечиваем рисунок (получаем оттенки серого) с помощью команды Desaturate, как показано на скриншоте ниже:

    4. Обрезаем лишние символы с помощью инструмента «Crop» —

    5. Если логотип маленький, можно немного увеличить его в пункте Image-Image Size. Сохраняйте пропорции и не увеличивайте слишком сильно 30-50 процентов максимум.

    6. Чтобы добавить резкости используйте фильтр в пункте «Filter-Unsharp mask…» и увеличьте контраст в пункте «Adjustments — Brightness&Contrast». Обычно Яркость («Brightness») уменьшают, а контраст увеличивают.

    С помощью этих несложных манипуляций получаем наш новый исходник для определения шрифта:

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

    Работа с сервисом What the font

    Для работы с сервисом нужно загрузить наше изображение и нажать кнопку «Continue» (далее). Можно просто указать ссылку на изображение логотипа, но результат может оказаться неточным. Смотрим пример ниже:

    На следующем этапе необходимо заполнить литеры, которые не определились или определились неверно и нажать «Далее»:

    После некоторого времени мы получим результаты поиска и сможем выбрать на глаз наиболее подходящий шрифт из списка. В нашем случае это — Frutiger 75 Black или Les Tres N2.

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

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

    Определяем шрифт с Identyfont

    Сервис располагает почти 8000 шрифтов и предоставляет удобный инструмент по их фильтрации. Для распознания шрифта используются основные признаки, начиная с засечек (как Times New Roman) и оканчивая особенностями написания литер. Процесс фильтрации по засечкам показан на рисунке ниже:

    Выбор осуществляется по нажатию на иконку. Далее необходимо указать расположение хвостика буквы «Q», закрыта или открыта заглавная «P», как выглядит знака доллара и т.д. Общее количество шагов — 8.

    Результаты отображаются слева, а наиболее похожий шрифт по центру:

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

    Определяем шрифт с Linotype

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

    Сервис определения шрифтов от Bowfin

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

    Поиск шрифта на Fonts

    Следующий продвинутый поиск шрифтов по внешним атрибутам — это сервис от Fonts.com. Принцип работы этого поиска такой же, как и у трех предыдущих — пошаговый выбор признаков шрифта. В отличие от других — ресурс очень развит и содержит в базе более 160 000 шрифтов. Идентификация шрифта проходит в 12 шагов.

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

    Что делать если шрифт распознать не удалось нигде?

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

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

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

    Нужно выделить в коде интересующий нас элемент и посмотреть его свойства справа. Нас интересует пункт font-family, его значение и является искомым семейством шрифтов. В текущем случае — это Arial, Serif. Также шрифт может быть указан для всех элементов в теге <body> как параметр «font».

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

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

    • Открываем просмотр кода элемента
    • Проверяем, есть ли Cufon (в поиске вводим это слово и смотрим его наличие в коде)
    • Переходим в просмотр ресурсов (кнопка Resources — вкладка Frames — пункт Scripts)
    • В списке скриптов ищем тот, текст кода которого начинается со слов Cufon.registerFont
    Определение кириллических шрифтов

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

    Выбирайте базу шрифтов с делением на шрифты с засечками и без них;

    Если это шрифт бренда используйте поиск Яндекса или Google с запросами типа «название бренда шрифт» или «brand font» (иногда заграницей также ищут этот шрифт и бывает находят), в некоторых случаях дизайн-агенства указывают используемый шрифт в портфолио;

    Пробуйте реверсивный поиск изображений TinEye или Google. возможно найдется похожие изображения брендов или текстов с данным шрифтом;

    Наконец спросите на форумах дизайнеров, но могут послать искать в Google ??

    Ниже Вы найдете список рекомендуемых каталогов русских шрифтов, которые Вам помогут в нелёгком деле:

    Удачи Вам. Дополнения, мнения и поправки приветствуются.

    Распознавание русского шрифта онлайн

    Распознавание русского шрифта онлайн

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

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

    Для себя я нашла достаточно простой и вполне рабочий способ распознавания русских шрифтов .

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

    Вот несколько таких сайтов с коллекциями русских шрифтов:

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

    А вы думали, все так просто. )

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

    UPD 02.03.2015: Нашла один русскоязычный сервис по распознаванию кириллических шрифтов FontDetect Online. К сожалению, на сегодняшний день он, как онлайн сервис, не работает. Можно лишь скачать прожку, которая будет искать шрифт по картинке среди указанных вами же шрифтов. Но зато там есть тусовка. где народ кидает вопросы с картинками и получает ответы. Так что можно порыться среди ответов и найти что-то полезное.

    PS: Напоминаю, что постовой в блоге Mannodesign.com стоит всего 5$. Ссылка размещается на постоянной основе, размещение возможно как в новых постах, так и в старых. При покупке сразу 3 мест — скидка. Вэлкам!