Tinkerfont logo

Tinkerfont.

Экспериментируйте с типографикой на живых сайтах за секунды

Меняйте шрифты на любых сайтах без DevTools. Бесплатное расширение Chrome и Firefox для дизайнеров и разработчиков.

Недельный ранг
▲ #51
Голоса
143
Платформа
Web / Mobile
Запущено
Recently
Tinkerfont screenshot

Подробнее о Tinkerfont

Tinkerfont

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

Основные возможности

  • Мгновенная инспекция шрифтов: Щелчок правой кнопкой мыши открывает детальные характеристики любого текста — семейство шрифта, цвет, контрастность и даже экспериментальные URL-адреса файлов шрифтов.
  • Сканирование всей страницы: Автоматический анализ DOM выявляет все используемые шрифты с подсчётом частоты применения для быстрого выбора целей замены.
  • Библиотека из 1900+ шрифтов: Прямой доступ к коллекции Bunny Fonts с мгновенным применением без регистрации, DevTools или развёртывания.
  • Загрузка собственных шрифтов: Поддержка форматов WOFF2, WOFF, TTF и OTF для тестирования фирменных и клиентских шрифтов в реальных условиях.
  • Локализация изменений: Выбор конкретных областей страницы — навигации, таблиц, заголовков — с сохранением настроек для каждого домена.
  • Персистентность настроек: Правила замены шрифтов и области применения сохраняются в локальном хранилище браузера и восстанавливаются при повторных визитах.
  • Экспорт и импорт конфигурации: Резервное копирование всех настроек в формате JSON для переноса между браузерами и устройствами.

Сценарии использования

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

Целевая аудитория

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