Kontrolléiert Schrëften op all Säit
Hover a klickt Text fir de Live Schrëft, Gréisst, Gewiicht, Stil a Faarf ze gesinn - no beim Element oder an enger Sidebar - ouni DevTools opzemaachen.
what the font - font finder
Identifizéieren d'Schrëftschrëft an d'CSS Typographie op all Websäit Element - Famill, Gréisst, Gewiicht, Linn Héicht, Bréifabstand, Faarf a Kontrast - da kopéiert oder exportéiert wat Dir braucht ouni d'Tab ze verloossen.
Gebaut fir Live Typographie
Fonctiounen
Typographie Detailer déi wichteg sinn
Liest Linn Héicht, Bréifabstand, Transformatioun, Dekoratioun a Kontrast (inklusiv AAA / AA Cues) an engem Panel.
Kopéiert CSS an engem Klick
Kopéiert d'Schrëftfamill, d'Faarf oder e fäerdeg CSS Snippet fir dat Element dat Dir kontrolléiert hutt.
Änneren Stiler op der Säit
Tweak Gewiicht, Gréisst, Abstand, Faarf, a méi am Live-Element, setzt dann zréck wann Dir fäerdeg sidd ze exploréieren.
All Schrëften op der Säit
Scann eenzegaarteg Textstiler iwwer d'Säit a sprangt tëscht hinnen wann Dir en Designsystem auditéiert.
Export a Google Schrëften
Export Typographie als SCSS oder JSON, oder öffnen eng Google Fonts Sich no der Famill déi Dir fonnt hutt.
Einfach duerch Design
Iwwer eis
Eng Chrome Extensioun déi Live Typographie opdeckt - Schrëftgréisst, Gréisst, Gewiicht, Faarf a Kontrast - sou datt Dir Schrëften vun all Websäit kontrolléiert, kopéiert an exportéiert.
- —
- Verëffentlecht Benotzung total
- —
- Verifizéiert Bewäertungszuel
Chrome Web Store
Benotzer iwwer eis
Illustrativ Feedback Plazhalter - Chrome Web Store Bewäertungen ersetzen dës wann se verbonne sinn.
★★★★★
“Ech kann Famill, Gewiicht, an Hex Faarf vun engem Live Site gräifen ouni DevTools opzemaachen.”
★★★★★
“CSS kopéieren a Kontrast an engem Panel ass genau dat wat ech brauch während Auditen.”
★★★★★
“All Schrëften op der Säit hëlleft mir séier onkonsequent Typ iwwer eng Landung Säit ze gesinn.”
Dräi séier Schrëtt
Wéi benotzen
-
Installéiert d'Extensioun
Füügt what the font - font finder aus dem Chrome Web Store a pin et op d'Toolbar.
-
Start Inspektioun
Öffnen de Popup, fänkt un ze inspektéieren, dann hover a klickt op all Text op der Säit.
-
Kopie oder exportéieren
Kopéiert CSS, exportéiert Stiler, öffnen Google Fonts, oder kuckt all Schrëften op der Säit.
Äntwerten ier Dir installéiert
FAQ
Wéi identifizéieren ech eng Schrëft op enger Websäit?
Installéiert what the font - font finder, start d'Inspektioun, hover den Text a klickt fir de Panel mat Famill, Gréisst, Gewiicht a Faarf opzemaachen.
Kann ech den CSS kopéieren fir den Typ deen ech gesinn?
Jo. Vun der Panel kënnt Dir d'Schrëftfamill, d'Faarf oder e CSS-Snippet fir dat iwwerpréift Element kopéieren.
Wierkt et op all Säit?
Et funktionnéiert op normale Websäit Tabs. Chrome System Säiten an e puer limitéiert URLen kënnen net iwwerpréift ginn.
Kann ech all Schrëften gesinn déi op enger Säit benotzt ginn?
Benotzt All Schrëften op der Säit fir eenzegaarteg sichtbar Textstiler opzemaachen an iergendeng vun hinnen am Detailpanel opzemaachen.
Kann ech de Look änneren beim Inspektéieren?
Jo. Ännere Gewiicht, Gréisst, Abstand, Faarf, a verwandte Stiler am Element, setzt dann zréck fir d'Original ze restauréieren.
Wou maachen ech Google Fonts op?
Wann d'Famill sichtbar ausgesäit, benotzt d'Google Fonts Aktioun am Panel fir eng Ufro fir dësen Numm opzemaachen.