font-display: swap
Un descrittore CSS (in @font-face) che controlla come viene mostrato il testo mentre un web font si carica. swap mostra subito il testo con un font di riserva e passa al web font appena è pronto, così il testo non è mai invisibile durante il caricamento.
Il problema: quando una pagina usa un web font scaricato, il browser deve attendere il file. Il comportamento predefinito può produrre il FOIT (Flash of Invisible Text: il testo resta invisibile finché il font non arriva, esperienza pessima su una connessione lenta). font-display: swap produce invece il FOUT (Flash of Unstyled Text: il testo appare subito con un font di riserva e poi «scambia»), quasi sempre preferibile perché il contenuto è leggibile da subito. Il prezzo: lo scambio può causare un piccolo salto di layout (CLS) se i due font hanno dimensioni diverse, attenuabile con metriche di riserva allineate (size-adjust, ascent-override). Altri valori: optional (usa il web font solo se arriva in fretta), block, fallback. Un'impostazione basilare per prestazioni e UX web. Collegato a cumulative layout shift e render-blocking.