Prehliadajte písma na akejkoľvek stránke
Prejdite kurzorom a kliknite na text, aby ste videli živé písmo, veľkosť, hrúbku, štýl a farbu—pri prvku alebo v bočnom paneli—bez otvárania DevTools.
what the font - font finder
Identifikujte písmo a CSS typografiu ľubovoľného prvku na webovej stránke—rodinu, veľkosť, hrúbku, výšku riadku, rozostupy písmen, farbu a kontrast—a potom skopírujte alebo exportujte, čo potrebujete, bez opustenia karty.
Vytvorené pre živú typografiu
Funkcie
Typografické detaily, na ktorých záleží
Prečítajte si výšku riadku, rozostupy písmen, transformáciu, dekoráciu a kontrast (vrátane indikátorov AAA/AA) v jednom paneli.
Kopírovanie CSS jedným kliknutím
Skopírujte rodinu písma, farbu alebo hotový CSS úryvok pre prehliadaný prvok.
Úprava štýlov priamo na stránke
Upravte hrúbku, veľkosť, rozostupy, farbu a ďalšie na živom prvku a po preskúmaní obnovte pôvodné hodnoty.
Všetky písma na stránke
Prejdite jedinečné textové štýly na stránke a preskakujte medzi nimi pri audite dizajnového systému.
Export a Google Fonts
Exportujte typografiu ako SCSS alebo JSON alebo otvorte vyhľadávanie v Google Fonts pre nájdenú rodinu.
Jednoduché zámerne
O nás
Rozšírenie Chrome, ktoré odhaľuje živú typografiu—písmo, veľkosť, hrúbku, farbu a kontrast—aby ste mohli prehliadať, kopírovať a exportovať písma z akejkoľvek webovej stránky.
- —
- Publikovaný celkový počet použití
- —
- Overený počet recenzií
Chrome Web Store
Používatelia o nás
Ilustračné ukážkové komentáre — recenzie z Chrome Web Store ich nahradia po pripojení.
★★★★★
“Z živého webu si vezmem rodinu, hrúbku a hex farbu bez otvárania DevTools.”
★★★★★
“Kopírovanie CSS a kontrastu v jednom paneli je presne to, čo potrebujem pri auditoch.”
★★★★★
“Všetky písma na stránke mi pomáhajú rýchlo odhaliť nekonzistentnú typografiu na landing page.”
Tri rýchle kroky
Ako používať
-
Nainštalujte rozšírenie
Pridajte what the font - font finder z Chrome Web Store a pripnite ho na panel nástrojov.
-
Začnite prehliadať
Otvorte popup, začnite prehliadať a potom prejdite kurzorom a kliknite na ľubovoľný text na stránke.
-
Kopírujte alebo exportujte
Kopírujte CSS, exportujte štýly, otvorte Google Fonts alebo prehliadajte všetky písma na stránke.
Odpovede pred inštaláciou
Časté otázky
Ako identifikujem písmo na webovej stránke?
Nainštalujte what the font - font finder, začnite prehliadať, prejdite kurzorom nad text a kliknite, aby ste otvorili panel s rodinou, veľkosťou, hrúbkou a farbou.
Môžem skopírovať CSS pre text, ktorý vidím?
Áno. Z panelu môžete skopírovať rodinu písma, farbu alebo CSS úryvok pre prehliadaný prvok.
Funguje to na každej stránke?
Funguje to na bežných kartách webov. Systémové stránky Chrome a niektoré obmedzené URL nie je možné prehliadať.
Môžem vidieť všetky písma použité na stránke?
Použite Všetky písma na stránke na zoznam jedinečných viditeľných textových štýlov a otvorte ktorýkoľvek v paneli detailov.
Môžem meniť vzhľad počas prehliadania?
Áno. Upravte hrúbku, veľkosť, rozostupy, farbu a súvisiace štýly prvku a potom resetujte, aby ste obnovili pôvod.
Kde otvorím Google Fonts?
Keď sa rodina zdá vyhľadávateľná, použite akciu Google Fonts v paneli na otvorenie dotazu pre daný názov.