Les polices Google ne s'affichent pas dans Chrome ? Un correctif CSS rapide

Problèmes de rendu de Google Webfonts sur Google Chrome

Vous n'êtes pas seul ! Beaucoup ont rencontré des problèmes avec le rendu des polices Google sur Google Chrome. Ce problème apparemment récent se pose même lorsque le CSS nécessaire est inclus. Malheureusement, la police personnalisée ne s'affiche pas initialement, malgré une police de secours comme Georgia.

Bogue de mise à jour de Chrome ?

Il semble qu'il s'agisse effectivement d'un bug connu de Chrome. frustrer les développeurs Web du monde entier. Plutôt qu'un revers permanent, une solution de contournement CSS uniquement a émergé pour fournir une solution rapide.

Solution de contournement CSS

Pour corriger le problème, ajoutez simplement les extraits de code suivants à votre feuille de style :

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; }
}

Cette solution de contournement invite essentiellement Chrome à repeindre le texte, résolvant ainsi le rendu problème.

Conclusion

Bien que la cause sous-jacente puisse encore être un mystère, cette solution CSS uniquement offre un moyen simple mais efficace de surmonter le problème de rendu des polices Google sur Google Chrome. Incorporez ces extraits dans votre feuille de style et vous retrouverez vos polices personnalisées ornant l’écran !

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!