Inspicer skrifttyper på enhver side
Hold musen over og klik på tekst for at se live skrifttype, størrelse, vægt, stil og farve—ved elementet eller i en sidepanel—uden at åbne DevTools.
what the font - font finder
Identificer skrifttypen og CSS-typografien på ethvert element på en webside—familie, størrelse, vægt, linjehøjde, bogstavafstand, farve og kontrast—og kopier eller eksporter det, du har brug for, uden at forlade fanen.
Bygget til live typografi
Funktioner
Typografidetaljer der betyder noget
Læs linjehøjde, bogstavafstand, transform, dekoration og kontrast (inkl. AAA/AA-indikatorer) i ét panel.
Kopier CSS med ét klik
Kopier skrifttypefamilien, farven eller et færdigt CSS-uddrag for det element, du har inspiceret.
Rediger styles på siden
Justér vægt, størrelse, afstand, farve og mere på det live element, og nulstil når du er færdig med at udforske.
Alle skrifttyper på siden
Scan unikke tekststyles på siden og hop mellem dem, når du auditerer et designsystem.
Eksport og Google Fonts
Eksporter typografi som SCSS eller JSON, eller åbn en Google Fonts-søgning for familien, du fandt.
Enkelt af design
Om os
En Chrome-udvidelse, der afslører live typografi—skrifttype, størrelse, vægt, farve og kontrast—så du kan inspicere, kopiere og eksportere skrifttyper fra enhver webside.
- —
- Offentliggjort brug i alt
- —
- Verificeret antal anmeldelser
Chrome Web Store
Brugere om os
Illustrative eksempelkommentarer — Chrome Web Store-anmeldelser erstatter dem, når de er tilsluttet.
★★★★★
“Jeg kan hente familie, vægt og hex-farve fra et live site uden at åbne DevTools.”
★★★★★
“Kopier CSS og kontrast i ét panel er præcis, hvad jeg har brug for under audits.”
★★★★★
“Alle skrifttyper på siden hjælper mig med hurtigt at spotte inkonsistent typografi på en landing page.”
Tre hurtige trin
Sådan bruges det
-
Installer udvidelsen
Tilføj what the font - font finder fra Chrome Web Store og fastgør den til værktøjslinjen.
-
Begynd at inspicere
Åbn popup-vinduet, start inspektion, og hold musen over og klik på enhver tekst på siden.
-
Kopier eller eksporter
Kopier CSS, eksporter styles, åbn Google Fonts eller gennemse alle skrifttyper på siden.
Svar før du installerer
Ofte stillede spørgsmål
Hvordan identificerer jeg en skrifttype på et website?
Installer what the font - font finder, start inspektion, hold musen over teksten og klik for at åbne panelet med familie, størrelse, vægt og farve.
Kan jeg kopiere CSS for den tekst, jeg ser?
Ja. Fra panelet kan du kopiere skrifttypefamilien, farven eller et CSS-uddrag for det inspicerede element.
Virker det på alle sider?
Det virker på almindelige website-faner. Chrome-systemsider og nogle begrænsede URL'er kan ikke inspiceres.
Kan jeg se alle skrifttyper på en side?
Brug Alle skrifttyper på siden til at liste unikke synlige tekststyles og åbne dem i detaljepanelet.
Kan jeg ændre udseendet mens jeg inspicerer?
Ja. Rediger vægt, størrelse, afstand, farve og relaterede styles på elementet, og nulstil for at gendanne originalen.
Hvor åbner jeg Google Fonts?
Når familien ser søgbar ud, brug Google Fonts-handlingen i panelet til at åbne en forespørgsel for det navn.