Inspecteer lettertypen op elke pagina
Beweeg en klik op tekst om het live lettertype, de grootte, het gewicht, de stijl en de kleur te zien (bij het element of in een zijbalk) zonder DevTools te openen.
what the font - font finder
Identificeer het lettertype en de CSS-typografie van elk webpagina-element (familie, grootte, dikte, regelhoogte, letterafstand, kleur en contrast) en kopieer of exporteer vervolgens wat u nodig hebt zonder het tabblad te verlaten.
Gebouwd voor live typografie
Functies
Typografische details die er toe doen
Lees regelhoogte, letterafstand, transformatie, decoratie en contrast (inclusief AAA/AA aanwijzingen) in één paneel.
Kopieer CSS met één klik
Kopieer de lettertypefamilie, kleur of een kant-en-klaar CSS-fragment voor het element dat u hebt geïnspecteerd.
Bewerk stijlen op de pagina
Pas het gewicht, de grootte, de afstand, de kleur en meer aan op het live-element en reset het vervolgens als je klaar bent met verkennen.
Alle lettertypen op de pagina
Scan unieke tekststijlen over de pagina en spring ertussen bij het controleren van een ontwerpsysteem.
Exporteren en Google Fonts
Exporteer de typografie als __SCSSLIT__ of JSON, of open een Google Fonts-zoekopdracht voor de familie die je hebt gevonden.
Eenvoudig van ontwerp
Over ons
Een Chrome-extensie die live typografie (letterbeeld, grootte, gewicht, kleur en contrast) onthult, zodat u lettertypen vanaf elke webpagina kunt inspecteren, kopiëren en exporteren.
- —
- Gepubliceerd gebruikstotaal
- —
- Geverifieerd aantal beoordelingen
Chrome Web Store
Gebruikers over ons
Illustratieve tijdelijke aanduidingen voor feedback: Chrome Web Store beoordelingen zullen deze vervangen wanneer ze verbonden zijn.
★★★★★
“Ik kan familie, gewicht en hexadecimale kleur van een live site halen zonder DevTools te openen.”
★★★★★
“Kopieer CSS en contrast in één paneel is precies wat ik nodig heb tijdens audits.”
★★★★★
“Dankzij alle lettertypen op de pagina kan ik snel inconsistente letters op een landingspagina opmerken.”
Three quick steps
Hoe te gebruiken
-
Installeer de extensie
Voeg what the font - font finder toe uit de Chrome Web Store en zet deze vast op de werkbalk.
-
Begin met inspecteren
Open de pop-up, begin met inspecteren, beweeg vervolgens met de muis en klik op een willekeurige tekst op de pagina.
-
Kopiëren of exporteren
Kopieer CSS, exporteer stijlen, open Google Fonts of blader door alle lettertypen op de pagina.
Antwoorden voordat u installeert
FAQ
Hoe herken ik een lettertype op een website?
Installeer what the font - font finder, begin met inspecteren, plaats de muisaanwijzer op de tekst en klik om het paneel met familie, grootte, gewicht en kleur te openen.
Kan ik de CSS kopiëren voor het type dat ik zie?
Ja. Vanuit het paneel kunt u de lettertypefamilie, kleur of een CSS-fragment voor het geïnspecteerde element kopiëren.
Werkt het op elke pagina?
Het werkt op gewone websitetabbladen. Chrome systeempagina's en sommige beperkte URL's kunnen niet worden geïnspecteerd.
Kan ik alle lettertypen zien die op een pagina worden gebruikt?
Gebruik Alle lettertypen op pagina om unieke zichtbare tekststijlen weer te geven en deze in het detailpaneel te openen.
Kan ik tijdens de inspectie het uiterlijk veranderen?
Ja. Bewerk het gewicht, de grootte, de afstand, de kleur en de gerelateerde stijlen van het element en reset vervolgens om het origineel te herstellen.
Waar kan ik Google Fonts openen?
Wanneer de familie doorzoekbaar lijkt, gebruikt u de actie Google Fonts in het paneel om een zoekopdracht voor die naam te openen.