Inspecciona tipografies a qualsevol pàgina
Passa el cursor i fes clic al text per veure la tipografia, la mida, el pes, l'estil i el color en directe—a prop de l'element o en una barra lateral—sense obrir DevTools.
what the font - font finder
Identifica la tipografia i la CSS de qualsevol element d'una pàgina web—família, mida, pes, interlineat, interlletratge, color i contrast—i copia o exporta el que necessitis sense sortir de la pestanya.
Dissenyat per a la tipografia en directe
Funcions
Detalls tipogràfics que importen
Consulta l'interlineat, l'interlletratge, la transformació, la decoració i el contrast (incloses indicacions AAA/AA) en un sol panell.
Copia CSS amb un clic
Copia la família tipogràfica, el color o un fragment CSS llest per a l'element que has inspeccionat.
Edita estils a la pàgina
Ajusta el pes, la mida, l'espaiat, el color i més a l'element en directe, i després restableix quan acabis d'explorar.
Totes les tipografies de la pàgina
Escaneja estils de text únics per tota la pàgina i salta entre ells quan audites un sistema de disseny.
Exportació i Google Fonts
Exporta la tipografia com a SCSS o JSON, o obre una cerca a Google Fonts per a la família que has trobat.
Senzill per disseny
Sobre nosaltres
Una extensió de Chrome que revela la tipografia en directe—tipografia, mida, pes, color i contrast—perquè puguis inspeccionar, copiar i exportar fonts des de qualsevol pàgina web.
- —
- Total d'ús publicat
- —
- Nombre de ressenyes verificades
Chrome Web Store
Els usuaris sobre nosaltres
Comentaris il·lustratius de mostra — les ressenyes del Chrome Web Store els substituiran quan estiguin connectades.
★★★★★
“Puc agafar família, pes i color hex d'un lloc en directe sense obrir DevTools.”
★★★★★
“Copiar CSS i contrast en un sol panell és exactament el que necessito durant les auditories.”
★★★★★
“Totes les tipografies de la pàgina m'ajuda a detectar tipografia inconsistent en una landing ràpidament.”
Tres passos ràpids
Com utilitzar-ho
-
Instal·la l'extensió
Afegeix what the font - font finder des del Chrome Web Store i fixa-la a la barra d'eines.
-
Comença a inspeccionar
Obre la finestra emergent, comença a inspeccionar i després passa el cursor i fes clic a qualsevol text de la pàgina.
-
Copia o exporta
Copia CSS, exporta estils, obre Google Fonts o consulta totes les tipografies de la pàgina.
Respostes abans d'instal·lar
PMF
Com identifico una tipografia en un lloc web?
Instal·la what the font - font finder, comença a inspeccionar, passa el cursor pel text i fes clic per obrir el panell amb família, mida, pes i color.
Puc copiar el CSS del text que veig?
Sí. Des del panell pots copiar la família tipogràfica, el color o un fragment CSS de l'element inspeccionat.
Funciona a totes les pàgines?
Funciona a pestanyes de llocs web normals. Les pàgines del sistema de Chrome i algunes URL restringides no es poden inspeccionar.
Puc veure totes les tipografies d'una pàgina?
Utilitza Totes les tipografies de la pàgina per llistar estils de text visibles únics i obrir qualsevol d'ells al panell de detalls.
Puc canviar l'aspecte mentre inspecciono?
Sí. Edita el pes, la mida, l'espaiat, el color i estils relacionats a l'element, i després restableix per recuperar l'original.
On obro Google Fonts?
Quan la família sembli cercable, utilitza l'acció de Google Fonts al panell per obrir una consulta amb aquest nom.