• ... наберите в поиске 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"
  • ... Интернет весит больше, чем 500 миллиардов гигабайт!
  • ... почему виндовый калькулятор отказывается делить 529 на 23?
  • ... в Microsoft Word и других редакторах неделимый пробел ставится сочетанием "ctrl+shift+space"
  • ... нажав "ctrl+alt+print scr", ты делаешь скриншот именно активного окна в windows
  • ... снять защиту с PDF файла нереально? можно!
  • ... прокручивать сайт вниз можно кнопкой "пробел", а вверх - "shift+пробел"
  • ... что такое реверсивный поиск изображений?
  • ... про онлайн калькулятор, который чертит графики - читаем далее
  • ... секретные смайлики Facebook - троль и ко, подробнее
  • ... что будет, если в поиске Google набрать "do a barrel roll"
  • ... как определить английский шрифт по изображению? читаем
  • ... как легко качать видео с Youtube и Vimeo?читаем далее
  • ... не сидите за компьютером больше часа без отрыва, встаньте пройдитесь!
  • ... чтобы открыть ссылку в новой вкладке браузера, достаточно при нажатии удерживать Ctrl
  • ... чтение детерминирует вербальную аддитивность
  • ... мы сами не знаем куда ведёт эта ссылка - "Мне повезёт!"
  • ... как удалить свой аккаунт в социальных сетях? легко и просто
  • ... пользуешся почтой Gmail? читай про фильтры
  • ... вызывать диспетчер задач Windows гораздо удобнее сочетанием Ctrl+Shift+Esc, не снимая руки с мыши :)
  • ... фотосет "Собака ловит носки". код для Ваших блогов
  • ... Вам бесплатно, нам приятно:
  • ... как обрезать фото онлайн? смотреть
Follow:

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

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

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.

Недостатки сервиса:

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

Определить английский шрифт на Myfonts

Определение шрифта по внешним признакам

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

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

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

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

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

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

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

Определить шрифт по внешним признакам на Identyfont

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

Комментарии(7)

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

        PS Иногда встречаю вопросы/опросы типа “Какой бы сервис вам хотелось бы?” – люди ищут идеи для стартапов. Вот такой кириллический проект был бы очень кстати)

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

  1. Спасибо большое!!! перерыл куча информации пока не попал на Ваш сайт, статья очень помогла.

Оставить комментарий

Почта (не публикуется) Обязательные поля помечены *

*

Вы можете использовать эти HTML теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>