Как узнать шрифт на сайте онлайн: обзор тулзы, которая «крадет» типографику за пару секунд
Слушайте, ну бывало же такое? Заходишь на какой-нибудь крутой лендос, видишь просто бомбический заголовок и зависаешь. Рука сама тянется к F12, начинаешь копаться в коде, искать в бесконечных стилях название гарнитуры… А там черт ногу сломит. Или название вроде есть, а скачать файл неоткуда. Короче, боль.
Я раньше тратил на этот «детектив» кучу времени. Серьёзно, иногда проще было забить и поставить что-то похожее из гугл-фонтс, чем выковыривать оригинал. Но тут мне попалась на глаза одна интересная штука. Называется громко — Font Stealer. Похититель, значит.
Что это за зверь и как он работает?
По сути, это простейшая веб-тулза, которая делает всю грязную работу за нас. Никаких танцев с бубном, никаких установок расширений в браузер, которые потом только память жрут. Всё работает в онлайне. И знаете что? Это прям кайф.
Логика элементарная, справится даже моя бабушка, если вдруг решит верстать сайты:
- Копируешь ссылку на сайт, где увидел классный шрифт.
- Вставляешь в строку поиска.
- Жмешь кнопку. Всё.
Сервис сам сканирует страницу, находит все подключенные шрифтовые файлы и выкладывает их тебе на блюдечке. Причем не просто название пишет, а реально дает скачать файлы.
Какие форматы отдает?
Вот тут вообще песня. Он не просто выдергивает ссылки, а предлагает варианты. Обычно это стандартный набор, который нужен любому веб-дизайнеру или верстальщику:
- WOFF и WOFF2 — самое то для веба, легкие и оптимизированные.
- TTF и OTF — если нужно установить шрифт себе в систему, чтобы поиграться с макетом в графическом редакторе.
Я, честно говоря, удивился скорости. Думал, будет думать полчаса, парсить… Не, пара секунд — и список готов. Можно забрать их для изучения, посмотреть, как устроена типографика у конкурентов или просто положить в свою копилку ассетов «на будущее» (у нас же у всех есть такая папка, которую мы никогда не открываем, да?).
Зачем это нужно, если есть плагины?
Справедливый вопрос. Плагины есть. Но я, например, ненавижу захламлять браузер лишним софтом. Плюс, некоторые плагины просто пишут название шрифта (типа «Roboto»), а файл не дают. А тут ты получаешь именно тот файл, который лежит на сервере. Это удобно.
Главное — юзаем с умом. Авторские права никто не отменял, так что если шрифт платный и коммерческий, лучше его купить, если планируете серьёзный проект. Но для референсов, тестов и «пощупать» в макете — инструмент просто мастхэв.
В общем, пользуйтесь, пока лавочку не прикрыли или не сделали платной. Сейчас это работает абсолютно бесплатно и без всяких лимитов.
Потестить можно здесь:
