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