Ajout d'une police personnalisée comme suit
Fichiers téléchargés de polices Web et leur donnant l'autorisation 777
http://example.com/wp-content/themes/mytheme/css/fonts/
Règles ajoutées au fichier css
@font-face { font-family: 'museo_sans700'; src: url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot'); src: url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.eot?#iefix') format('embedded-opentype'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.woff') format('woff'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.ttf') format('truetype'), url('http://example.com/wp-content/themes/mytheme/css/fonts/museosans_700-webfont.svg#museo_sans700') format('svg'); font-weight: normal; font-style: normal; }
Cependant, lorsque vous utilisez/accédez à la famille de polices, une erreur 404 s’affiche.
Attaché snap
Un indice ?? Pourquoi cela se produit ??
Veuillez utiliser l'URL du fichier de chemin court plutôt que le chemin absolu.
Donc, le code est comme:
@font-face{ /* for IE */
font-family:FontFamily;
src:url(Font.eot);
}
@font-face { /* for non-IE */
font-family:FontFamily;
src:url(http://) format("No-IE-404"),url(Font.ttf) format("truetype");
}
Assurez-vous que la version lisible sur le Web a publié son premier utilitaire logiciel associé à @ font-face pour la création rapide et facile de fichiers EOT compressés de manière native.
Si ce n'est pas votre solution, vous devez vérifier https://stackoverflow.com/questions/4015816/why-is-font-face-throwing-a-404-error-on-woff-files .
404 signifie fichier ne sont pas disponibles à l'URL à laquelle vous essayez d'y accéder. Vérifiez votre chemin de fichier et les fichiers de votre répertoire.
vérifiez également les autorisations: autorisation pour le fichier: 644 répertoire: 755