Maison > interface Web > tutoriel CSS > Pourquoi mes polices Google ne s'affichent-elles pas dans Google Chrome ?

Pourquoi mes polices Google ne s'affichent-elles pas dans Google Chrome ?

Barbara Streisand
Libérer: 2024-12-07 22:14:13
original
192 Les gens l'ont consulté

Why Aren't My Google Fonts Showing in Google Chrome?

Les polices Google ne s'affichent pas dans Google Chrome

Lorsque vous rencontrez le problème selon lequel les polices Google ne s'affichent pas dans Google Chrome alors qu'elles s'affichent correctement sur d'autres navigateurs , il est important d'envisager les causes potentielles et les solutions.

Un problème connu est un bug dans Chrome qui peut empêcher certaines polices de s'afficher initialement. Il existe cependant une solution de contournement pour résoudre ce problème.

Solution basée sur CSS :

Pour résoudre le problème, appliquez le code CSS suivant à votre site :

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; }
}
Copier après la connexion

Cette solution de contournement amène essentiellement Chrome à repeindre le texte et l'oblige à afficher le texte personnalisé. font.

Considérations supplémentaires :

  • Assurez-vous que le CSS de la police Google est correctement chargé et inclus dans le fichier de votre site Web.
  • Vérifiez l'onglet Réseau dans les outils de développement de votre navigateur pour vous assurer que le fichier de police est chargé et récupéré avec succès.
  • Envisagez d'utiliser une bibliothèque de chargement de polices, telle que Font Awesome , pour faciliter la gestion du chargement et du rendu des polices.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal