Connor Clark
Data di pubblicazione: 8 ott 2025
Valuta la possibilità di impostare font-display su swap o optional per assicurarti che il testo sia visibile in modo coerente. swap può essere ulteriormente ottimizzato per ridurre gli spostamenti del layout con override delle metriche dei caratteri.
Come superare questo insight
Imposta font-display su swap o optional per superare questo controllo.
Indicazioni specifiche per lo stack
Questo approfondimento offre anche indicazioni specifiche per gli stack per le pagine che utilizzano le seguenti tecnologie:
Drupal
Specifica @font-display durante la definizione dei caratteri personalizzati per il tuo tema.
Magento
Specifica @font-display quando definisci caratteri personalizzati.
Riferimenti aggiuntivi
- Codice sorgente dell'approfondimento
- Controllare il rendimento dei caratteri con le visualizzazioni dei caratteri
- Fallback dei caratteri migliorato
- Evitare testo invisibile durante il caricamento
- Precarica i caratteri web per migliorare la velocità di caricamento (codelab)
- Evitare variazioni del layout e lampi di testo invisibile (FOIT) precaricando i caratteri opzionali