Erreur CSS: échec du décodage de la police téléchargée - vous pouvez le faire
L'erreur CSS "Impossible de décoder la police téléchargée" peut avoir différentes causes. Dans cette astuce pratique, nous présentons les plus courants pour le message d'erreur avant les solutions possibles.
Erreur CSS Impossible de décoder la police téléchargée: police endommagée
L'erreur peut avoir différentes causes et ne se produit souvent que dans certains navigateurs. Dans de nombreux cas, l'erreur indique une police incorrecte.
- Il est possible que la police contienne déjà une erreur avant d'être copiée sur le serveur. Cependant, il peut également avoir été endommagé lors de la copie.
- Pour éviter d'endommager les polices, utilisez des outils en ligne tels que Transfonter pour convertir votre police en formats appropriés.
- Lors de la copie sur votre serveur, assurez-vous que la police est copiée au format binaire et non au format ASCI.
- Vous devrez peut-être également modifier votre client FTP car certains clients transmettent les polices de manière incorrecte.
- Vous pouvez également vous assurer que vous utilisez les polices correctes en important vos polices à partir de FontLibrary ou de Google.
Erreur CSS due à une intégration incorrecte des polices
Une autre erreur typique qui conduit à l'avertissement "Impossible de décoder la police téléchargée" est l'incorporation incorrecte de la police.
- Les polices doivent être incluses dans la feuille de style CSS à l'aide de la balise "src".
- Si possible, le format de la police doit également être défini. Dans l'exemple suivant pour l'intégration de la police "webfont", les sections de code pertinentes sont marquées en gras.
- @ font-face {font-family: 'MyWebFont'; src: url ('webfont.eot'); / * Modes de compatibilité IE9 * / src: format url ('webfont.eot? #Iefix') ('embedded-opentype'), / * IE6-IE8 * / url ('webfont.woff2') format ('woff2'), / * Navigateurs super modernes * / format url ('webfont.woff') ('woff'), / * Navigateurs assez modernes * /
format url ('webfont.ttf') ('truetype'), / * Safari, Android, iOS * / url ('webfont.svg # svgFontName') format ('svg') ; / * Legacy iOS * /}
Une autre astuce pratique vous expliquera comment obtenir le nom d'une police que vous ne connaissez pas.