Test dei font di riserva e dell’impaginazione
IL LABORATORIO DEI FONT
Adatta ogni dettaglio al tuo testo
Scopri come cambia il testo prima che si carichi un font web. Confronta il font principale, quello di riserva e la riserva adattata, poi esporta CSS per ridurre gli spostamenti dell’impaginazione.
Inizia dai tuoi file di font
Usa file che hai il permesso di caricare. Sono supportati TTF, OTF, WOFF e WOFF2.
Visualizza, regola e confronta
La verifica segnala i punti di codice mancanti. Controlla sempre anche il testo visualizzato.
Valori iniziali per questo campione. Sostituisci i percorsi dei font e prova altri testi e browser. Le metriche sostitutive usano quelle predefinite del font principale.
Come ottenere risultati utili
Carica il font principale e scegli una riserva locale oppure carica un altro font. Imposta testo e larghezza della colonna. Adatta la riserva al campione, controlla righe e altezza dei blocchi e affina la dimensione. Scarica il CSS e sostituisci i percorsi di esempio con i tuoi file.
Cosa tenere presente
Questo è un confronto dell’impaginazione, non una misurazione del punteggio CLS. L’adattamento proposto vale per questo campione con l’istanza predefinita. Altri testi, stili, browser o sistemi possono dare risultati diversi. Il font locale deve essere presente sul dispositivo del visitatore; anche una riserva caricata deve essere scaricata dal browser.
Le anteprime sono private e scadono dopo 15 minuti. Svuota l’area di lavoro per richiederne prima l’eliminazione. I kit web sono temporanei e scadono automaticamente.
Esplora tutti gli strumenti per font