Fichiers de polices manquants

Silktide détecte des fichiers de polices que vos pages demandent mais qui ne se chargent pas, généralement parce que le fichier a été déplacé ou supprimé, ou que son adresse Web a été mal saisie. Lorsqu’une police ne se charge pas, le texte bascule vers une police de remplacement et vos pages ne ressemblent plus à ce qui avait été conçu.

\/* Si ce fichier de police est manquant, le texte s’affiche avec une police de secours *\/
@font-face {
  font-family: "Brand Sans";
  src: url("\/fonts\/brand-sans.woff2") format("woff2");
}

Pourquoi c’est important

La typographie véhicule votre marque. Lorsqu’une police personnalisée échoue, le navigateur la remplace discrètement par une autre — le texte s’affiche toujours, mais les espacements changent, les titres paraissent incorrects, et les polices d’icônes peuvent se dégrader en carrés vides ou en caractères aléatoires sans signification, ce qui est bien pire qu’un simple problème esthétique.

Comme il existe une police de secours, les polices manquantes passent souvent inaperçues pour l’équipe du site pendant des mois. Entre-temps, le navigateur de chaque visiteur perd du temps à demander le fichier et à attendre l’échec sur chaque page qui y fait référence.

Comment corriger

Trouvez la référence au fichier manquant — généralement une règle @font-face dans votre , ou une police chargée à partir d’un service d’hébergement de polices.
Si le fichier a été déplacé, mettez à jour la référence vers sa nouvelle adresse. Si la police a été retirée volontairement, supprimez la règle qui la demande.
Si le fichier devrait exister, rétablissez-le. Les polices ont un mode de défaillance courant supplémentaire : les restrictions entre origines. Une police servie depuis un autre domaine doit être envoyée avec des en-têtes permissifs, sinon les navigateurs refuseront de l’utiliser.
Testez ensuite la page et confirmez que le texte s’affiche dans la police prévue.

Comment Silktide teste ceci

Charger chaque page dans un véritable navigateur et enregistrer chaque fichier demandé par la page.
Conserver uniquement les requêtes de fichiers de polices.
Signaler chacune qui échoue au téléchargement — une réponse d’erreur du serveur, comme 404, ou une défaillance de connexion. Les délais d’attente temporaires et les requêtes abandonnées par le navigateur lui-même ne sont pas signalés, afin d’éviter les fausses alertes.
Mettre en évidence l’endroit de la page où chaque fichier manquant est référencé.

Dépannage

Le fichier se charge quand j’essaie

Le fichier peut être derrière une connexion, bloqué pour les visiteurs automatisés, ou servi de manière incohérente. Vérifiez aussi la présence de contenu mixte : une police demandée en HTTP simple depuis une page servie en est bloquée par le navigateur même si le fichier existe. S’il est réellement correct, le constat.

Le texte me semble correct

Les polices de secours peuvent être suffisamment proches pour que vous ne remarquiez pas la substitution, surtout pour le corps du texte. Comparez un titre à votre maquette, ou vérifiez dans les outils de développement du navigateur les requêtes de polices qui ont échoué.