Fichiers de polices manquants

Silktide repère les 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 sur une police de secours et vos pages ne ressemblent plus à ce qui était prévu par la conception.

\/* 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 image de marque. Lorsqu'une police personnalisée échoue, le navigateur la remplace silencieusement 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 sans signification ou en caractères aléatoires, ce qui est bien pire qu'un simple problème cosmétique.

Comme il existe une police de secours, l'absence de la police passe souvent inaperçue pour l'équipe du site pendant des mois. Pendant ce 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 depuis 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 délibérément, supprimez la règle qui la demande.
Si le fichier est censé exister, restaurez-le. Les polices ont un mode de défaillance supplémentaire fréquent : les restrictions inter-origines. Une police servie depuis un autre domaine doit être envoyée avec des en-têtes permissifs, sinon les navigateurs refusent de l'utiliser.
Testez ensuite la page et confirmez que le texte s'affiche avec la police prévue.

Comment Silktide teste cela

Charger chaque page dans un véritable navigateur et enregistrer chaque fichier demandé par la page.
Conserver les requêtes concernant les fichiers de police.
Signaler chaque requête qui échoue au téléchargement — une réponse d'erreur du serveur, comme un 404, ou un échec de connexion. Les temporisations momentanées et les requêtes que le navigateur a lui-même abandonnées ne sont pas signalées, 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 je le teste

Le fichier peut être protégé par une authentification, bloqué pour les visiteurs automatisés, ou servi de manière irrégulière. 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, la détection.

Le texte me paraît correct

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