Pourquoi mes polices Google ne s'affichent-elles pas dans Google Chrome et comment puis-je y remédier ?

Les polices Google ne s'affichent pas dans Google Chrome : un problème connu avec une solution de contournement

Si vous travaillez sur un thème WordPress et que vous rencontrez un problème où les polices Web Google ne s'affichent pas correctement dans Google Chrome, vous n'êtes pas seul. Ce problème a été signalé et reconnu comme un bug Chrome connu.

Lorsque vous chargez pour la première fois un site Web dans Chrome à l'aide d'une police personnalisée de Google Webfonts (dans ce cas, Roboto Slab), le texte peut ne pas apparaître du tout. malgré la spécification d'une police de secours. Cependant, si vous survolez le lien stylisé ou ajustez une propriété CSS dans l'inspecteur, le texte devient visible.

Pour résoudre ce problème, une solution de contournement CSS uniquement a été découverte :

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}

En ajoutant ce code à la feuille de style de votre site Web, vous forcez essentiellement Chrome à repeindre le texte, résolvant ainsi efficacement le problème de rendu.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!