Font Picker - Get Font from Any Website

════════════════════════════════════════════════════════════════ FONT PICKER — SAYTDAN FONT AL | v2.1 | Chrome Extension ════════════════════════════════════════════════════════════════ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ AZƏRBAYCAN DİLİ ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Font Picker — Saytdan Font Al Font Picker, hər hansı vebsaytda istifadə olunan fontları bir klikdə tapmağa imkan verən Chrome brauzer uzantısıdır. Dizaynerlər və frontend developerlər üçün hazırlanmışdır. ─── Əsas Funksiyalar ─────────────────────────────────────────── 1. FONT SEÇİCİ (PICKER) • Uzantını aktivləşdirdikdən sonra kursorla istənilən mətnin üstünə gedin — tooltip avtomatik açılır • Kliklədikdə element sabitlənir, bütün detallar görünür • Qısa yol klaviatura: Alt + Shift + F Göstərilən məlumatlar: → Font ailəsi (məs. Inter, Roboto, Montserrat) → Ölçü (font-size) → Çəki (font-weight: Thin, Regular, Bold...) → Stil (normal / italic) → Sətir hündürlüyü (line-height) → Hərf aralığı (letter-spacing) → Mətn rəngi (HEX kodu) → Arxa fon rəngi (HEX kodu) Bir klikdə kopyalamaq mümkündür: → Hazır CSS snippet → Google Fonts @import URL → Rəng kodu → Google Fonts səhifəsinə birbaşa keçid 2. SƏHİFƏ FONTLARI TARAMA • Bir düymə ilə bütün saytda işlənən fontları siyahıla • Hər font üçün ölçü və çəki dəyərləri göstərilir • @font-face ilə qeydə alınan fontları ZIP kimi yüklə • "Bütün fontları ZIP kimi yüklə" — hamısını bir anda al 3. TARİXÇƏ • Son 10 seçilmiş font avtomatik yadda saxlanır • Font adını tez kopyalamaq üçün • Tarixçəni silmək imkanı ─── Kimlər üçündür? ──────────────────────────────────────────── • UI/UX dizaynerlər — saytdakı fontları öyrənmək üçün • Frontend developerlər — CSS snippet lazım olanlar üçün • Dizayn tələbələri — saytları analiz etmək üçün ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ ENGLISH ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Font Picker — Get Font from Any Website Font Picker is a Chrome browser extension that lets you instantly identify fonts used on any website with a single click. Built for designers and frontend developers. ─── Key Features ─────────────────────────────────────────────── 1. FONT PICKER / INSPECTOR • Activate the picker, hover over any text — a tooltip appears instantly • Click to pin the element and inspect all details • Keyboard shortcut: Alt + Shift + F Displayed information: → Font family (e.g. Inter, Roboto, Montserrat) → Font size → Font weight (Thin, Regular, Bold, Black...) → Font style (normal / italic) → Line height → Letter spacing → Text color (HEX code) → Background color (HEX code) One-click copy options: → Ready-to-use CSS snippet → Google Fonts @import URL → Color code → Direct link to Google Fonts page 2. PAGE FONT SCANNER • Scan all fonts used on the current page with one button • Shows size and weight variants for each font • Download fonts defined via @font-face as a ZIP archive • "Download all fonts as ZIP" — grab everything at once 3. HISTORY • Automatically saves the last 10 inspected fonts • Quick copy of font names • Clear history with one click ─── Who is it for? ───────────────────────────────────────────── • UI/UX designers — identify fonts on any website instantly • Frontend developers — grab CSS snippets without digging through DevTools • Design students — analyze and learn from real websites ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ РУССКИЙ ЯЗЫК ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ Font Picker — Получай шрифты с любого сайта Font Picker — это расширение для браузера Chrome, которое позволяет мгновенно определить шрифты, используемые на любом сайте, в один клик. Создано для дизайнеров и frontend-разработчиков. ─── Основные функции ─────────────────────────────────────────── 1. ИНСПЕКТОР ШРИФТОВ (PICKER) • Активируйте инструмент, наведите курсор на любой текст — появляется всплывающая подсказка • Кликните, чтобы зафиксировать элемент и увидеть все детали • Горячая клавиша: Alt + Shift + F Отображаемая информация: → Семейство шрифта (Inter, Roboto, Montserrat и т.д.) → Размер шрифта (font-size) → Насыщенность (Thin, Regular, Bold, Black...) → Начертание (normal / italic) → Высота строки (line-height) → Межбуквенный интервал (letter-spacing) → Цвет текста (HEX-код) → Цвет фона (HEX-код) Копирование в один клик: → Готовый CSS-сниппет → @import URL для Google Fonts → Код цвета → Прямая ссылка на страницу Google Fonts 2. СКАНИРОВАНИЕ ШРИФТОВ СТРАНИЦЫ • Одной кнопкой получите список всех шрифтов на текущем сайте • Для каждого шрифта показаны используемые размеры и насыщенности • Скачайте шрифты, подключённые через @font-face, в ZIP-архиве • «Скачать все шрифты как ZIP» — получить всё одним архивом 3. ИСТОРИЯ • Автоматически сохраняет последние 10 просмотренных шрифтов • Быстрое копирование названия шрифта • Очистка истории одним кликом ─── Для кого? ────────────────────────────────────────────────── • UI/UX дизайнеры — мгновенно узнавайте шрифты с любого сайта • Frontend-разработчики — берите CSS-сниппеты без DevTools • Студенты дизайна — анализируйте и учитесь на реальных сайтах ════════════════════════════════════════════════════════════════ Font Picker v2.1 | Chrome Extension | Manifest v3 ════════════════════════════════════════════════════════════════