Prohlížejte písma na jakékoli stránce
Najeďte a klikněte na text a uvidíte živé písmo, velikost, tloušťku, styl a barvu—u prvku nebo v postranním panelu—bez otevírání DevTools.
what the font - font finder
Identifikujte písmo a CSS typografii libovolného prvku na webové stránce—rodinu, velikost, tloušťku, výšku řádku, rozestupy písmen, barvu a kontrast—a pak zkopírujte nebo exportujte, co potřebujete, aniž byste opustili kartu.
Vytvořeno pro živou typografii
Funkce
Typografické detaily, na kterých záleží
Přečtěte si výšku řádku, rozestupy písmen, transformaci, dekoraci a kontrast (včetně indikátorů AAA/AA) v jednom panelu.
Kopírování CSS jedním kliknutím
Zkopírujte rodinu písma, barvu nebo hotový CSS úryvek pro prohlížený prvek.
Úprava stylů přímo na stránce
Upravte tloušťku, velikost, rozestupy, barvu a další na živém prvku a po prozkoumání obnovte původní hodnoty.
Všechna písma na stránce
Projděte jedinečné textové styly na stránce a přeskakujte mezi nimi při auditu design systému.
Export a Google Fonts
Exportujte typografii jako SCSS nebo JSON, nebo otevřete vyhledávání v Google Fonts pro nalezenou rodinu.
Jednoduché záměrně
O nás
Rozšíření Chrome, které odhaluje živou typografii—písmo, velikost, tloušťku, barvu a kontrast—abyste mohli prohlížet, kopírovat a exportovat písma z libovolné webové stránky.
- —
- Zveřejněný součet použití
- —
- Ověřený počet recenzí
Chrome Web Store
Uživatelé o nás
Ilustrační ukázkové komentáře — recenze z Chrome Web Store je nahradí po připojení.
★★★★★
“Z živého webu si vezmu rodinu, tloušťku a hex barvu bez otevírání DevTools.”
★★★★★
“Kopírování CSS a kontrastu v jednom panelu je přesně to, co potřebuji při auditech.”
★★★★★
“Všechna písma na stránce mi pomáhá rychle odhalit nekonzistentní typografii na landing page.”
Tři rychlé kroky
Jak používat
-
Nainstalujte rozšíření
Přidejte what the font - font finder z Chrome Web Store a připněte ho na panel nástrojů.
-
Spusťte prohlížení
Otevřete vyskakovací okno, spusťte prohlížení a pak najeďte a klikněte na libovolný text na stránce.
-
Kopírujte nebo exportujte
Kopírujte CSS, exportujte styly, otevřete Google Fonts nebo prohlížejte všechna písma na stránce.
Odpovědi před instalací
Časté dotazy
Jak identifikuji písmo na webu?
Nainstalujte what the font - font finder, spusťte prohlížení, najeďte na text a klikněte pro otevření panelu s rodinou, velikostí, tloušťkou a barvou.
Mohu zkopírovat CSS pro text, který vidím?
Ano. Z panelu můžete zkopírovat rodinu písma, barvu nebo CSS úryvek pro prohlížený prvek.
Funguje to na každé stránce?
Funguje to na běžných kartách webů. Systémové stránky Chrome a některá omezená URL nelze prohlížet.
Mohu vidět všechna písma použitá na stránce?
Použijte Všechna písma na stránce pro seznam jedinečných viditelných textových stylů a otevření libovolného z nich v detailním panelu.
Mohu měnit vzhled během prohlížení?
Ano. Upravte tloušťku, velikost, rozestupy, barvu a související styly na prvku a pak obnovte původní hodnoty.
Kde otevřu Google Fonts?
Když se rodina zdá vyhledatelná, použijte akci Google Fonts v panelu pro otevření dotazu s tímto názvem.