Llista totes les fonts escaneja qualsevol pàgina web i presenta un inventari complet de cada família de fonts en ús: fonts web carregades des de CDNs, fonts allotjades pròpiament i fonts del sistema de reserva. Cada font mostra una previsualització de text en viu, els pesos i estils carregats, el nombre d'elements que l'utilitzen i la còpia de la declaració font-family de CSS amb un sol clic.
Identificar les fonts d'un lloc web que t'agrada solia requerir inspeccionar els elements un per un a les DevTools, comprovar la propietat font-family calculada o utilitzar extensions del navegador que només detecten una font cada vegada. Llista totes les fonts t'ofereix la visió completa en una sola pantalla: cada font carregada i utilitzada a la pàgina, amb mostres de text en viu que mostren exactament com es renderitza cada font. L'eina diferencia entre les fonts web (carregades via @font-face o Google Fonts) i les fonts del sistema (Arial, Helvetica, Georgia, etc.), mostrant la pila font-family completa. Per a cada font, pots veure quins pesos estan carregats (400, 600, 700), quins elements l'utilitzen i quines mides de font s'apliquen. Fes clic a qualsevol font per copiar la seva declaració de CSS, a punt per enganxar-la al teu propi projecte. La previsualització en viu utilitza la renderització real de la font de la pàgina, no una previsualització genèrica, de manera que veus exactament com es veu la font amb les mides i els pesos utilitzats al lloc.
Llista cada família de fonts realment renderitzada a la pàgina, incloses les fonts web de Google Fonts, Adobe Fonts o declaracions @font-face personalitzades, i les fonts del sistema de reserva. Mostra el recompte total de famílies de fonts úniques trobades.
Cada font es mostra amb una mostra de text en viu ("El veloç drac català saltava sobre el gos mandrós") renderitzada utilitzant el fitxer de font real carregat a la pàgina. Veus la renderització real, no una previsualització genèrica.
Per a cada font, mira quins pesos estan carregats (Regular 400, Medium 500, SemiBold 600, Bold 700) i si hi ha variants en cursiva disponibles. T'ajuda a entendre el subconjunt carregat de la font.
Consulta quants elements de la pàgina utilitzen cada font. La font més utilitzada apareix primer. Sàpigues quines fonts són principals (cos de text) i quines són secundàries (utilitzades només en uns pocs elements).
Fes clic a qualsevol entrada de font per copiar la seva declaració completa de font-family de CSS (per exemple, font-family: 'Inter', sans-serif) al teu porta-retalls. A punt per enganxar directament al teu full d'estil.
Cada font mostra el seu origen: Google Fonts (amb l'adreça URL específica), Adobe Fonts, allotjada pròpiament (amb l'adreça URL de @font-face) o font del sistema. Sàpigues exactament d'on prové cada font.
Visita un lloc web amb una tipografia preciosa i mira a l'instant cada font que utilitza: noms, pesos i d'on provenen. Ja no caldrà endevinar "quina font és aquesta?" ni utilitzar eines d'identificació de fonts poc fiables.
Quantes fonts carrega la teva pàgina? Hi ha fonts descarregades però no aplicades? Llista totes les fonts mostra l'ús real; si una font carregada té 0 elements que l'utilitzen, és ample de banda malgastat.
Documenta la tipografia del teu projecte executant Llista totes les fonts a cada pàgina. Verifica que les fonts i els pesos correctes s'utilitzin de manera coherent a tot el lloc i detecta declaracions font-family incorrectes.
Has identificat una font que t'agrada però és de pagament? Copia el nom de la font i busca alternatives gratuïtes amb característiques similars. La previsualització en viu t'ajudarà a recordar exactament com es veia.
Executa Llista totes les fonts a la mateixa pàgina en diferents navegadors per verificar que se renderitzin les mateixes fonts a tot arreu. Les piles de fonts del sistema es resolen de manera diferent entre sistemes operatius; detecta les inconsistències.
Obre el tauler flotant de DevSuite Pro i fes clic a la icona de Llista totes les fonts. L'eina escaneja els estils calculats de la pàgina i les regles @font-face.
Un panell mostra totes les fonts trobades a la pàgina, ordenades per freqüència d'ús. Cada entrada mostra el nom de la font, el text de previsualització, els pesos i el recompte d'elements.
Desplaça't per les previsualitzacions en viu per veure com es renderitza cada font. Compara la font dels encapçalaments de la pàgina amb la del cos del text o la d'accent.
Fes clic a qualsevol entrada de font per copiar la seva declaració de CSS font-family. Fes clic a l'enllaç de l'origen per visitar l'origen de la font (pàgina de Google Fonts, URL de la CDN, etc.).
Enganxa la declaració font-family al teu CSS i carrega la font des del mateix origen per utilitzar-la al teu propi projecte.
Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.
