Inspectează fonturile pe orice pagină
Treci cu mouse-ul și dă clic pe text pentru a vedea fontul, dimensiunea, grosimea, stilul și culoarea live—lângă element sau într-un panou lateral—fără a deschide DevTools.
what the font - font finder
Identifică fontul și tipografia CSS pentru orice element de pe o pagină web—familie, dimensiune, grosime, înălțimea liniei, spațierea literelor, culoare și contrast—apoi copiază sau exportă ce ai nevoie fără a părăsi fila.
Creat pentru tipografie live
Funcții
Detalii tipografice care contează
Citește înălțimea liniei, spațierea literelor, transformarea, decorarea și contrastul (inclusiv indicii AAA/AA) într-un singur panou.
Copiază CSS dintr-un clic
Copiază familia fontului, culoarea sau un fragment CSS gata făcut pentru elementul inspectat.
Editează stilurile pe pagină
Ajustează grosimea, dimensiunea, spațierea, culoarea și altele pe elementul live, apoi resetează când ai terminat explorarea.
Toate fonturile de pe pagină
Scanează stilurile de text unice de pe pagină și sari între ele când auditezi un design system.
Export și Google Fonts
Exportă tipografia ca SCSS sau JSON sau deschide o căutare Google Fonts pentru familia găsită.
Simplu prin design
Despre noi
O extensie Chrome care dezvăluie tipografia live—font, dimensiune, grosime, culoare și contrast—ca să poți inspecta, copia și exporta fonturi de pe orice pagină web.
- —
- Total utilizare publicat
- —
- Număr de recenzii verificate
Chrome Web Store
Utilizatori despre noi
Exemple ilustrative de feedback — recenziile din Chrome Web Store le vor înlocui când sunt conectate.
★★★★★
“Pot lua familia, grosimea și culoarea hex de pe un site live fără să deschid DevTools.”
★★★★★
“Copierea CSS și a contrastului într-un singur panou este exact ce am nevoie în timpul auditurilor.”
★★★★★
“Toate fonturile de pe pagină mă ajută să observ rapid tipografia inconsistentă pe o landing page.”
Trei pași rapizi
Cum se folosește
-
Instalează extensia
Adaugă what the font - font finder din Chrome Web Store și fixeaz-o în bara de instrumente.
-
Începe inspectarea
Deschide popup-ul, începe inspectarea, apoi treci cu mouse-ul și dă clic pe orice text de pe pagină.
-
Copiază sau exportă
Copiază CSS, exportă stiluri, deschide Google Fonts sau parcurge toate fonturile de pe pagină.
Răspunsuri înainte de instalare
Întrebări frecvente
Cum identific un font pe un site?
Instalează what the font - font finder, începe inspectarea, treci cu mouse-ul peste text și dă clic pentru a deschide panoul cu familie, dimensiune, grosime și culoare.
Pot copia CSS-ul pentru textul pe care îl văd?
Da. Din panou poți copia familia fontului, culoarea sau un fragment CSS pentru elementul inspectat.
Funcționează pe fiecare pagină?
Funcționează pe file normale de site. Paginile de sistem Chrome și unele URL-uri restricționate nu pot fi inspectate.
Pot vedea toate fonturile folosite pe o pagină?
Folosește Toate fonturile de pe pagină pentru a lista stilurile de text vizibile unice și deschide oricare în panoul de detalii.
Pot schimba aspectul în timp ce inspectez?
Da. Editează grosimea, dimensiunea, spațierea, culoarea și stilurile aferente pe element, apoi resetează pentru a restaura originalul.
Unde deschid Google Fonts?
Când familia pare căutabilă, folosește acțiunea Google Fonts din panou pentru a deschide o interogare pentru acel nume.