Font Picker Extension: Inspect Fonts on Web Pages

Font Picker Extension допомагає дизайнерам, розробникам і допитливим читачам досліджувати типографіку вебсторінок. Відкрийте інспектор на панелі інструментів або натисніть Alt+Shift+F, виберіть Pick text і натисніть видимий текст. Спершу наведіть курсор, щоб переглянути родину, товщину й розмір шрифту.

Перевіряйте стек шрифтів CSS, стиль, розмір, висоту рядка, міжлітерний інтервал, колір і доступні осі варіативного шрифту. Редагуйте зразок і змінюйте його розмір. Скануйте Page fonts для пошуку стилів у видимому тексті; на великих сторінках перевірка обмежена першими 5 000 текстовими вузлами. Копіюйте назву родини або фрагмент CSS, зберігайте до 100 стилів у локальній колекції й експортуйте її як CSS або JSON. Переміщуйте чи згортайте панель і перемикайте світлу й темну теми.

Посилання на файли шрифтів з’являються лише тоді, коли доступна таблиця стилів містить відповідне джерело @font-face. Системні шрифти й недоступні джерела можуть не мати посилання. Стек CSS не гарантує, який шрифт відображає кожен окремий символ. Збережені зразки використовують шрифти, доступні на поточній сторінці, а в іншому місці можуть відображатися резервним шрифтом; файли шрифтів не включаються до колекції. Шрифти в зображеннях не визначаються.

Колекція, налаштування й стан запиту відгуку залишаються в локальному сховищі браузера. Для визначення URL файлів шрифтів розширення може завантажувати таблиці стилів, які вже використовує досліджувана сторінка, зокрема з інших доменів. Облікових записів, аналітики чи окремого сервісу збору даних немає.