Inspekteer lettertipes op enige bladsy
Beweeg en klik teks om die lewendige lettertipe, grootte, gewig, styl en kleur te sien—naby die element of in 'n sybalk—sonder om DevTools oop te maak.
what the font - font finder
Identifiseer die lettertipe en CSS-tipografie op enige webbladelement—familie, grootte, gewig, lynhoogte, letterspasiëring, kleur en kontras—kopieer of voer dan uit wat jy nodig het sonder om die oortjie te verlaat.
Gebou vir lewendige tipografie
Kenmerke
Tipografiebesonderhede wat saak maak
Lees lynhoogte, letterspasiëring, transformasie, versiering en kontras (insluitend AAA/AA leidrade) in een paneel.
Kopieer CSS met een klik
Kopieer die fontfamilie, kleur of 'n gereed CSS-brokkie vir die element wat jy geïnspekteer het.
Wysig style op die bladsy
Pas gewig, grootte, spasiëring, kleur en meer op die lewendige element aan, en stel dan terug wanneer jy klaar is met verken.
Alle lettertipes op die bladsy
Skandeer unieke teksstyle oor die bladsy en spring tussen hulle wanneer jy 'n ontwerpstelsel oudit.
Uitvoer en Google Fonts
Voer tipografie uit as SCSS of JSON, of maak 'n Google Fonts-soektog oop vir die gesin wat jy gevind het.
Eenvoudig van ontwerp
Oor ons
'n Chrome-uitbreiding wat lewendige tipografie openbaar—lettertipe, grootte, gewig, kleur en kontras—sodat jy lettertipes vanaf enige webblad kan inspekteer, kopieer en uitvoer.
- —
- Gepubliseerde gebruik totaal
- —
- Geverifieerde resensietelling
Chrome Webwinkel
Gebruikers oor ons
Illustratiewe terugvoerplekhouers – Chrome Webwinkel-resensies sal dit vervang wanneer dit gekoppel is.
★★★★★
“Ek kan familie, gewig en hekskleur van 'n regstreekse webwerf afhaal sonder om DevTools oop te maak.”
★★★★★
“Kopieer CSS en kontras in een paneel is presies wat ek nodig het tydens oudits.”
★★★★★
“Alle lettertipes op bladsy help my om vinnig inkonsekwente tipe oor 'n bestemmingsbladsy te sien.”
Drie vinnige stappe
Hoe om te gebruik
-
Installeer die uitbreiding
Voeg what the font - font finder vanaf die Chrome Webwinkel by en speld dit aan die nutsbalk vas.
-
Begin inspekteer
Maak die opspringer oop, begin inspekteer, beweeg dan en klik op enige teks op die bladsy.
-
Kopieer of voer uit
Kopieer CSS, voer style uit, maak Google Fonts oop of blaai deur alle lettertipes op die bladsy.
Antwoorde voor jy installeer
Gereelde vrae
Hoe identifiseer ek 'n lettertipe op 'n webwerf?
Installeer what the font - font finder, begin inspekteer, beweeg die teks en klik om die paneel oop te maak met familie, grootte, gewig en kleur.
Kan ek die CSS kopieer vir die tipe wat ek sien?
Ja. Vanaf die paneel kan jy die lettertipefamilie, kleur of 'n CSS-brokkie vir die geïnspekteerde element kopieer.
Werk dit op elke bladsy?
Dit werk op gewone webwerf-oortjies. Chrome-stelselbladsye en sommige beperkte URL's kan nie geïnspekteer word nie.
Kan ek alle lettertipes wat op 'n bladsy gebruik word, sien?
Gebruik Alle lettertipes op bladsy om unieke sigbare teksstyle te lys en maak enige van hulle in die detailpaneel oop.
Kan ek die voorkoms verander terwyl ek inspekteer?
Ja. Wysig gewig, grootte, spasiëring, kleur en verwante style op die element, en stel dan terug om die oorspronklike te herstel.
Waarvandaan maak ek Google Fonts oop?
Wanneer die gesin soekbaar lyk, gebruik die Google Fonts-aksie in die paneel om 'n navraag vir daardie naam oop te maak.