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

Пишу без воды и по делу. Способов есть масса, но все их можно поделить на 3 основных

  • Через расширение для браузера
  • Через код страницы
  • При помощи сторонних сайтов

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

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

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

Fontface Ninja

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

Type Sample

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

WhatFont

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

Typ.io

Добавил для количества. Никогда им не пользовался, да и ты, скорее всего , не дочитал до этого места, а сразу установил Fontface Ninja. Полезно в Typ.io то, что у них на сайте есть статистика использованных шрифтов и еще масса приятностей.

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

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

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