Elenco font

Identificare i font su un sito web che ammiri un tempo richiedeva ispezionare gli elementi uno per uno nei DevTools, controllare la proprietà font-family calcolata, o usare estensioni del browser che rilevano un solo font alla volta. List All Fonts ti offre il quadro completo in un'unica vista — ogni font caricato e utilizzato nella pagina, con esempi di testo dal vivo che mostrano esattamente come viene renderizzato ciascun font.

Lo strumento distingue tra web font (caricati tramite @font-face o Google Fonts) e font di sistema (Arial, Helvetica, Georgia, ecc.), mostrando lo stack completo di font-family. Per ogni font, vedi quali pesi sono caricati, quali elementi lo utilizzano e quali dimensioni di font vengono applicate. Clicca su qualsiasi font per copiarne la dichiarazione CSS — pronta da incollare nel tuo progetto.

I font variabili — un singolo file di font che copre un'intera gamma di pesi e larghezze invece di distribuire un file separato per ogni peso — vengono identificati come variabili e mostrano il loro intervallo di assi supportato invece di essere elencati come un unico peso fisso. L'anteprima dal vivo utilizza il rendering effettivo del font dalla pagina, non un'anteprima generica, così vedi esattamente come appare il font alle dimensioni e ai pesi usati sul sito.