Вибір шрифту

Виявлення шрифтів — це швидкий візуальний інспектор для кольорів, відстаней та контрасту. Він працює на будь-якому сайті, відкривається в компактній панелі та запам'ятовує безпечний розмір. Ви можете закрити розширення вибору шрифту, натиснувши на хрестик у вікні або на іконку.

🔥 Основні моменти

⭐ Чисті CSS копії пресетів: Усі, пошук шрифтів, типографіка, кольори.
⭐️ Живий інспектор на сторінці з наведенням та натисканням на будь-який елемент.
⭐️ Веб/локальні значки програми вибору шрифтів Chrome, що рендерить сутності.
⭐️ Збережені елементи для типографічних посилань та компонентів.

📌 Як це працює

Наведіть курсор або натисніть, щоб заблокувати елемент; панель показує селектор, Копіювати CSS. Розширений режим у пошуку шрифтів повідомляє, якщо доступ заблоковано. Вам потрібно завантажувати щоразу, коли ви запускаєте розширення, але вам не потрібно знову надавати браузеру дозвіл у виборі шрифтів з вебсайту на тому ж вебсайті.

⚡️ Основні дії

1. Наведіть, щоб переглянути.
2. Натисніть, щоб заблокувати вибір.
3. Скопіюйте чистий CSS.
4. Змініть вибір шрифту.
5. Збережіть будь-який елемент.
6. Перемикайте типографіку.

🪐 Відображення та вікно

Показуйте або ховайте секції типографіки, кольору та відстані, щоб зберегти мінімалістичний інтерфейс. Вікно вибору шрифтів розширення Chrome прилягає до вашого екрану, починається на вкладці елемента і не відкриється в згорнутому вигляді.

📚 Копії пресетів

- Усі дані CSS для повного блоку стилю.
- Типографіка для текстових наборів, готових до макету.
- Кольори для палітри з розширеннями шрифтів.

🧩 Деталі типографіки

Сім'я та стек, вага з читабельними назвами, розмір, висота рядка, відстань між літерами/словами, стиль, варіант, плюс кнопки швидкого копіювання ваги. Розширення вибору шрифтів Chrome згруповане, щоб ви бачили основні елементи без зайвого безладу.

🎯 Додаткові переваги

1️⃣ Швидке завантаження локальної інформації на дозволеному домені.
2️⃣ Безпечний вибір розміру шрифту розширення Chrome з можливістю зміни розміру за межами екрану.
3️⃣ Дублікати збережених елементів суворо заборонені для підтримки чистоти.

💡 Хто отримує вигоду

Фронтенд може знайти шрифт на вебсайті, враховуючи розробників, які перевіряють рендеринговані дані та відстані; UI/UX дизайнери, які перевіряють типографіку, кольори та контраст; команди QA/доступності, які швидко перевіряють рівні WCAG. Також пошук шрифтів для команд, які діляться даними для послідовних систем дизайну.

🚀 Швидкі переваги

➤ Чисті дані CSS.
➤ Швидкий інспектор.
➤ Витягувач шрифтів.
➤ Готовий до контрасту.
➤ Збережене веб-посилання.
➤ Компактна панель.

🧶 Режим паузи

Тимчасово зупиніть вибір, щоб ви могли вільно взаємодіяти зі сторінкою, і інструмент вибору веб-шрифтів не працюватиме. Натисніть його, коли потрібно прокрутити, натиснути або активувати стани інтерфейсу без втрати вашого місця — потім відновіть інспекцію в один крок, і ви зможете визначити шрифт на вебсайті.

🧷 Вміст отриманого елемента

• URL вебсторінки.
• Штамп імені хоста.
• Вибір стилю шрифту.
• Розмір і вага.
• Стиль + висота рядка.

🌟 Зберегти відгук

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

🧠 Часто задавані питання

Q: Чи потрібно мені відкривати DevTools?
A: Ні, все знаходиться в плаваючій панелі.

Q: Чи сповільнить це мою сторінку?
A: Розширення вибору шрифтів Chrome добре оптимізоване.

Q: Чи працює це скрізь?
A: Так. Розширений режим потребує HTTPS для завантаження локальних даних.

🔎 Пауза проти Активного

Коли інспектор активний, вибір шрифтів з вебсайту захоплює ваш курсор, щоб підсвітити елементи, тому натискання та наведення на сторінку перехоплюються. Увімкніть паузу, і розширення "відступає": ви можете натискати кнопки та взаємодіяти зі сторінкою нормально. Готові знову використовувати вибір сім'ї шрифтів? Вимкніть паузу та продовжуйте.

🧰 Керування вікном

◆ Перетягніть, щоб змінити положення панелі.
◆ Змініть розмір країв, щоб відповідати вашому вигляду.
◆ Вибір шрифту запам'ятовує розмір.
◆ Прикріпіть до вашого поточного екрану.
◆ Максимізуйте для безпечного великого вигляду.

📝 Порівняння з іншими інструментами

На відміну від розширення Whats Font, яке в основному повідомляє про оголошене ім'я сім'ї, наш інструмент розкриває фактичне рендеринговане джерело, пропонує одноразові чисті CSS пресети копіювання та зберігає повні знімки елементів. На відміну від розширення whatfont, ви також можете завантажувати локальні пресети для точності та зберігати список.

☘️ Як почати

1️⃣ Почніть використовувати завантаження вибору шрифтів для вебсайту, натисніть на іконку, наведіть курсор або натисніть на елемент.
2️⃣ Досліджуйте інформацію у вікні, ховаючи секції з даними, які вам зараз не потрібні.
3️⃣ Установіть режим паузи, коли потрібно щось змінити, не блокуючи розширення.

❤️ Остаточні слова

Ми справді намагалися створити чудове розширення вибору шрифтів і завжди відкриті до ваших відгуків для подальших покращень. Встановіть і насолоджуйтеся комфортним використанням.