Utilisation d'une police Web Google pour un thème WordPress personnalisé

Question

Je viens d'installer un thème WordPress personnalisé (c'est la première fois que je travaille avec WordPress, donc j'apprends encore beaucoup) et j'ai besoin de faire la police du blog correspondre à la police pour le reste du site Web, qui est une police Web Google. Je suis allé à l'éditeur de feuille de style du thème personnalisé dans le tableau de bord WordPress et j'ai ajouté la police via @import. Donc, il ressemble actuellement à ceci:

/* Make all custom CSS changes BELOW this line 
-----------------------------------------------------------*/ 

@import url("http://fonts.googleapis.com/css?family=Questrial:700,400"); 

body { font-family: Questrial, sans-serif; } 

Mais cela n'a pas changé la police dans le blog. Est-ce que je n'implémente pas la police Web correctement? Y a-t-il une meilleure façon de faire ce que j'essaie d'accomplir?

Merci pour l'aide de qui que ce soit!

Answer 1

Eh bien, il semble que vous implémentez la police correctement. Essayez d'utiliser un outil comme Firebug for Firefox ou les outils de développement intégrés de Google Chrome pour voir si la requête HTTP est en train de revenir sur le serveur Google Fonts.

S'il charge correctement le fichier CSS, votre problème peut se situer dans l'héritage CSS. En raison de la partie «Cascading» des feuilles de style en cascade, il peut y avoir une règle plus haute sur la liste d'importance. Vous aurez juste à chercher et à le trouver. Encore une fois, vous pouvez utiliser les outils de développement Firebug ou Chrome pour cela aussi.

La solution la plus simple peut être ajouter simplement un font-family: Questrial, sans-serif !important;