Výber písma

Detekcia písma je rýchly, vizuálny inšpektor pre farby, rozostupy a kontrast. Funguje na akejkoľvek stránke, otvára sa v kompaktnom paneli a pamätá si bezpečnú veľkosť. Rozšírenie Výber písma môžete zavrieť buď kliknutím na krížik v okne, alebo kliknutím na ikonu.

🔥 Hlavné body

⭐ Čisté predvoľby CSS kopírovania: Všetko, nájdenie písma, typografia, farby.
⭐️ Živé inšpekcie na stránke s prechodom a kliknutím na akýkoľvek prvok.
⭐️ Webové/lokálne odznaky aplikácie Výber písma pre Chrome zobrazené entity.
⭐️ Uložené prvky pre typografické referencie a komponenty.

📌 Ako to funguje

Prejdite myšou alebo kliknite na uzamknutie prvku; panel zobrazuje selektor, Kopírovať CSS. Vylepšený režim v nájdení písma vám povie, ak je prístup zablokovaný. Musíte si stiahnuť každý raz, keď spustíte rozšírenie, ale nemusíte znova dávať prehliadaču povolenie v Výbere písma z webovej stránky na tej istej stránke.

⚡️ Kľúčové akcie

1. Prejdite myšou na náhľad.
2. Kliknite na uzamknutie výberu.
3. Skopírujte čisté CSS.
4. Zmeňte Výber písma.
5. Uložte akýkoľvek prvok.
6. Prepínajte typografiu.

🪐 Zobrazenie a okno

Zobrazte alebo skryte sekcie typografie, farieb a rozostupov, aby ste udržali UI minimalistické. Okno rozšírenia Výber písma pre Chrome sa prichytí k vašej obrazovke, začína na karte prvku a neotvorí sa minimalizované.

📚 Predvoľby kopírovania

- Všetky údaje CSS pre kompletný štýlový blok.
- Typografia pre textové sady pripravené na rozloženie.
- Farby pre paletu s rozšíreniami písma.

🧩 Podrobnosti o typografii

Rodina a zásobník, hmotnosť s čitateľnými názvami, veľkosť, výška riadku, rozostupy písmen/slov, štýl, variant, plus rýchle tlačidlá na kopírovanie hmotnosti. Rozšírenie nájdenia písma pre Chrome je usporiadané, takže vidíte základné informácie bez neporiadku.

🎯 Extra výhody

1️⃣ Rýchle načítanie lokálnych informácií na povolených doménach.
2️⃣ Bezpečné hranice výberu veľkosti písma pre Chrome rozšírenie mimo obrazovky.
3️⃣ Duplicitné uložené položky sú prísne zakázané, aby sa udržala čistota.

💡 Kto má prospech

Front-end môže nájsť písmo na webovej stránke, pričom vývojári overujú vykreslené údaje a rozostupy; dizajnéri UI/UX audituje typografiu, farby a kontrast; QA/tím prístupnosti rýchlo kontroluje úrovne WCAG. Taktiež front finder pre tímy zdieľajúce údaje pre konzistentné dizajnové systémy.

🚀 Rýchle výhody

➤ Čisté údaje CSS.
➤ Rýchla inšpekcia.
➤ Extraktor písma.
➤ Pripravené na kontrast.
➤ Uložené webové odkazy.
➤ Kompaktný panel.

🧶 Režim pozastavenia

Dočasne zastavte výber, aby ste mohli voľne interagovať so stránkou a nástroj na výber webového písma nebude fungovať. Klepnite na to, keď potrebujete posúvať, kliknúť alebo spustiť stavy UI bez straty miesta – potom pokračujte v inšpekcii v jednom kroku a môžete identifikovať písmo na webovej stránke.

🧷 Obsah prijatej položky

• URL na webovú stránku.
• Pečiatka hostname.
• Výber štýlu písma.
• Veľkosť a hmotnosť.
• Štýl + výška riadku.

🌟 Uložiť spätnú väzbu

Keď niečo urobíte v Výbere písma pre webovú stránku, panel zobrazuje jasné vizuálne signály: toast s kontrolným znakom aktualizuje uložený počet, akcie kopírovania spúšťajú krátku správu o skopírovaní na ikone a stavy zamietnutia prístupu k Výberu písma zobrazujú varovanie, aby ste presne vedeli, čo opraviť pred pokračovaním.

🧠 Často kladené otázky

Q: Musím mať otvorené DevTools?
A: Nie, všetko je v plávajúcom paneli.

Q: Spomalí to moju stránku?
A: Rozšírenie Výber písma pre Chrome je dobre optimalizované.

Q: Funguje to všade?
A: Áno. Vylepšené potrebuje HTTPS na stiahnutie lokálnych údajov.

🔎 Pozastavenie vs Aktívne

Keď je inšpektor aktívny, nájdenie písma z webovej stránky uchopí váš kurzor, aby zvýraznil prvky, takže kliknutia a prechody na stránke sú zachytené. Zapnite pozastavenie a rozšírenie „ustúpi“: môžete normálne kliknúť na tlačidlá a interagovať so stránkou. Pripravení znova použiť výber rodiny písma? Vypnite pozastavenie a pokračujte.

🧰 Ovládanie okna

◆ Potiahnite na presunutie panela.
◆ Zmeňte veľkosť okrajov, aby sa prispôsobili vášmu pohľadu.
◆ Výber písma si pamätá veľkosť.
◆ Prichytí sa k vašej aktuálnej obrazovke.
◆ Maximalizujte pre bezpečný veľký pohľad.

📝 Porovnanie s inými nástrojmi

Na rozdiel od rozšírenia What Font, ktoré hlavne hlási deklarovaný názov rodiny, náš nástroj odhaľuje skutočný vykreslený zdroj, ponúka jedným kliknutím čisté predvoľby CSS a ukladá kompletné snímky prvkov. Na rozdiel od rozšírenia whatfont môžete tiež načítať lokálne predvoľby pre presnosť a udržiavať zoznam.

☘️ Začiatok

1️⃣ Začnite používať stiahnutie Výberu písma na webovej stránke, kliknite na ikonu, prejdite myšou alebo kliknite na prvok.
2️⃣ Preskúmajte informácie v okne skrytím sekcií s údajmi, ktoré teraz nepotrebujete.
3️⃣ Nastavte režim pozastavenia, keď potrebujete niečo zmeniť bez blokovania rozšírenia.

❤️ Záverečné slová

Naozaj sme sa snažili vytvoriť skvelé rozšírenie na výber a sme vždy otvorení vašej spätnej väzbe na ďalšie vylepšenia. Nainštalujte a užívajte si pohodlné používanie.