Lajout de ceci aux travaux style.css:
* { font-family: "Courier New", Courier, monospace; } Probablement parce que Courier New est largement populaire et pris en charge. Cependant, utiliser ceci sur ma police personnalisée ne fonctionne pas:
@font-face { font-family: "new-baskerville"; font-style: normal; src: url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: local("new-baskerville"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot") format("embedded-opentype"), url("/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } Ou changer @font-face en * ne fonctionne pas non plus. Les fichiers existent dans le chemin. Savez-vous pourquoi?
Commentaires
- Vous devez soit travailler avec une URL absolue, soit obtenir la bonne URL relative, comme feuille de style est probablement ' t dans la racine du document de votre installation WP. Les questions CSS sont généralement hors sujet sur le Développement WordPress , veuillez consulter le Centre daide pour vous familiariser avec les consignes du site.
Réponse
Cet article contient des informations très utiles concernant @font-face, et les problèmes de compatibilité … au cas où.
Voici quelques améliorations potentielles dans votre section @ font-face:
- Une de vos entrées src répertorie « local ». Essayez de supprimer cela.
- Essayez dutiliser un adressage explicite pour vos fichiers.
- Assurez-vous que vous pouvez réellement ouvrir vos fichiers de polices, ou du moins nobtenez pas derreur 404.
- Essayez de lister vos fichiers comme moi, avec deux entrées src: une pour IE et une pour les navigateurs modernes.
- Vérifiez si vos fichiers de polices fournissent un fichier TTF pour Safari et les navigateurs mobiles.
`
@font-face { font-family: "newBaskerville"; src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot"); src: url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.eot?#iefix") format("embedded-opentype"), url("https://{your-domain}.com/wp-content/uploads/useanyfont/190811081519New-Baskerville.woff") format("woff"); } Enfin, appliquez la police à votre corps avec des styles de secours, comme vous lavez fait dans votre exemple Courier ci-dessus:
body{ font-family: "newBaskerville", Courier, monospace; } note: Assurez-vous dutiliser le même nom lors de lapplication du nom comme vous lavez fait lors de sa définition. Dans mon cas « newBaskerville », pour éviter tout problème despaces et / ou de ponctuation.
Commentaires
- Si vous ne pouvez pas ouvrir ou télécharger vos fichiers de polices via la barre dadresse du navigateur ', vous devez vous assurer que votre serveur est configuré avec les types de mime appropriés, comme je lai suggéré dans votre autre fil de questions, pour ce même problème.
- merci beaucoup. Savez-vous pourquoi
@font-faceseul ne peut pas changer la police et quebodydoit être spécifié? Quen est-il des autres fichiers de variantes de polices, comme le gras ou litalique? De plus, existe-t-il un moyen dindiquer à un texte inséré directement dans header.php dutiliser ce paramètre? Et savez-vous comment utiliser la police lors de lédition de messages?