Расширения браузера для шрифтов - и их ограничения
Расширения WhatFont и Fontanello позволяют идентифицировать шрифты при наведении или клике. Сравнение и когда URL-сканер справляется лучше.
Популярные расширения для шрифтов
WhatFont
Наведите курсор на любой текст, чтобы увидеть гарнитуру, размер, насыщенность и цвет. Одно из самых популярных расширений для инспекции шрифтов.
Pros
- +Не требует DevTools
- +Мгновенный показ при наведении
- +Работает в Chrome и Safari
Cons
- −Один элемент за раз
- −Нет полного инвентаря страницы
- −Нужно устанавливать в каждом браузере
Fontanello
Правый клик на любом тексте для просмотра деталей шрифта. Доступно для Chrome и Firefox.
Pros
- +Интеграция в контекстное меню
- +Чёткий вывод
- +Работает в Firefox
Cons
- −Только поэлементная проверка
- −Нет экспорта или полного инвентаря
Общие ограничения расширений для шрифтов
- •Расширения проверяют только один элемент за раз - полного инвентаря нет.
- •Они не могут обнаружить шрифты, которые объявлены, но не применены к видимому тексту.
- •Работают только в браузере, где установлены.
- •Могут не обнаружить веб-шрифты, загруженные через сложный CSS (например, условные правила @supports).
Когда лучше использовать URL-сканер
Для полного инвентаря всех загружаемых шрифтов - @font-face, Google Fonts, Bunny Fonts, Fontshare - вставьте URL ниже. Один скан, полный результат, без установки.
Часто задаваемые вопросы
Что такое WhatFont?
WhatFont - это расширение браузера (Chrome, Safari), которое показывает гарнитуру, размер, насыщенность и цвет любого текста, на который вы наводите курсор. Идеально для быстрых запросов, но ограничено одним элементом за раз.
Есть ли альтернатива WhatFont?
Да - Fontanello работает в Chrome и Firefox через контекстное меню. Для полного аудита страницы без расширения вставьте URL в сканер выше.
Могут ли расширения обнаружить все шрифты на странице?
Нет. Расширения проверяют отдельные элементы. Они не сообщают о шрифтах, загруженных, но не применённых к видимому тексту. URL-сканер перехватывает всё.
Нужно ли что-то устанавливать для использования инструмента?
Нет. Вставьте любой URL, и сканер выполнит работу в облаке - без расширения, без DevTools, без установки.