font-display: swap
Un descripteur CSS, dans @font-face, qui contrôle comment le texte s'affiche pendant le chargement d'une police web. swap affiche immédiatement le texte avec une police de repli et bascule vers la police web une fois celle-ci prête — le texte n'est donc jamais invisible pendant le chargement.
Le problème : quand une page utilise une police web téléchargée, le navigateur doit attendre le fichier de police. Le comportement par défaut peut produire du FOIT (Flash of Invisible Text — le texte est invisible jusqu'au chargement de la police, une mauvaise expérience sur connexion lente). font-display: swap donne à la place du FOUT (Flash of Unstyled Text — le texte s'affiche immédiatement dans une police de repli, puis « bascule »), ce qui est presque toujours préférable : le contenu est lisible tout de suite. Compromis : le basculement peut provoquer un léger saut de mise en page (CLS) si la police de repli et la police web ont des tailles différentes → on l'atténue avec des métriques de repli assorties (size-adjust, ascent-override). Autres valeurs : optional (n'utiliser la police web que si elle charge vite), block, fallback. Un réglage fondamental de performance web et d'expérience utilisateur.