Chargement des polices externes

Bonsoir,

J'ai installé la police 'Raleway' sur le serveur. Je l'appelle à l'aide d'une instructio @font-face plaçée en tout début de ma feuille de style.
Lorsque j'ouvre mes pages il s'écoule 1 seconde environ avant que la police soit remplacée par 'Raleway'. Cela est moche je trouve. Comment éviter cela? J'ai testé différentes solutions données sur le web mais sans succès.

Merci par avance.
Cdt

salut, je fait comme çà après avoir placé ta fonte dans TON serveur
tu met un preload dans ta page html:
<link rel="preload" href="fonts/Exemple.woff2" as="font" type="font/woff2" crossorigin>

et tu appelle la fonte dans le css:
html, body {
font-family: 'Exemple', system-ui;
}
@font-face {
font-family: 'Exemple';
src: url('fonts/Exemple.woff2') format('woff2'),
font-weight: 400;
font-style: normal;
font-display: swap;
}
çà prend 1 ou 2/10ème de secondes
Modifié par drphilgood (29 Feb 2024 - 23:27)