Inspiser fonter på alle sider
Hold musepekeren og klikk på teksten for å se levende skrifttype, størrelse, vekt, stil og farge – nær elementet eller i en sidefelt – uten å åpne DevTools.
what the font - font finder
Identifiser skriftsnittet og CSS-typografien på et hvilket som helst nettsideelement – familie, størrelse, vekt, linjehøyde, bokstavavstand, farge og kontrast – og kopier eller eksporter deretter det du trenger uten å forlate fanen.
Bygget for live typografi
Funksjoner
Typografidetaljer som betyr noe
Les linjehøyde, bokstavavstand, transformasjon, dekorasjon og kontrast (inkludert AAA/AA signaler) i ett panel.
Kopier CSS med ett klikk
Kopier skriftfamilien, fargen eller en klar CSS-kodebit for elementet du inspiserte.
Rediger stiler på siden
Juster vekt, størrelse, avstand, farge og mer på live-elementet, og tilbakestill deretter når du er ferdig med å utforske.
Alle fonter på siden
Skann unike tekststiler på tvers av siden og hopp mellom dem når du reviderer et designsystem.
Eksporter og Google Fonts
Eksporter typografi som __SCSSLIT__ eller JSON, eller åpne et Google Fonts-søk etter familien du fant.
Enkel av design
Om oss
En Chrome-utvidelse som avslører live typografi – skrifttype, størrelse, vekt, farge og kontrast – slik at du kan inspisere, kopiere og eksportere skrifter fra hvilken som helst nettside.
- —
- Publisert bruk totalt
- —
- Verifisert antall anmeldelser
Chrome Web Store
Brukere om oss
Illustrerende tilbakemeldingsplassholdere — Chrome Web Store-anmeldelser vil erstatte disse når de er tilkoblet.
★★★★★
“Jeg kan hente familie, vekt og hex-farge fra et live-nettsted uten å åpne DevTools.”
★★★★★
“Kopier CSS og kontrast i ett panel er akkurat det jeg trenger under revisjoner.”
★★★★★
“Alle skriftene på siden hjelper meg raskt å oppdage inkonsekvente tekster på en landingsside.”
Tre raske steg
Hvordan bruke
-
Installer utvidelsen
Legg til what the font - font finder fra Chrome Web Store og fest den til verktøylinjen.
-
Begynn å inspisere
Åpne popup-vinduet, begynn å inspisere, hold deretter musepekeren og klikk på hvilken som helst tekst på siden.
-
Kopier eller eksporter
Kopier CSS, eksporter stiler, åpne Google Fonts, eller bla gjennom alle fontene på siden.
Svar før du installerer
FAQ
Hvordan identifiserer jeg en font på et nettsted?
Installer what the font - font finder, begynn å inspisere, hold markøren over teksten og klikk for å åpne panelet med familie, størrelse, vekt og farge.
Kan jeg kopiere CSS for typen jeg ser?
Ja. Fra panelet kan du kopiere skriftfamilien, fargen eller en CSS-kodebit for det inspiserte elementet.
Fungerer det på hver side?
Det fungerer på vanlige nettsidefaner. Chrome systemsider og enkelte begrensede URL-er kan ikke inspiseres.
Kan jeg se alle fontene som brukes på en side?
Bruk Alle fonter på siden for å vise unike synlige tekststiler og åpne hvilken som helst av dem i detaljpanelet.
Kan jeg endre utseendet mens jeg inspiserer?
Ja. Rediger vekt, størrelse, avstand, farge og relaterte stiler på elementet, og tilbakestill deretter for å gjenopprette originalen.
Hvor åpner jeg Google Fonts fra?
Når familien ser søkbar ut, bruk handlingen Google Fonts i panelet for å åpne en spørring for det navnet.