Changer les polices dans wordpress avec WP Google Fonts

changer police titres wordpress

N’avez vous jamais eu envie de rendre votre site un peu plus original en choisissant des polices d’écritures un peu plus personnalisées que celles qui sont proposées dans votre thème?

Voici un plugin qui va remédier à cela de manière simple, facile et efficace: WP Google Fonts .

Ce plugin va vous permettre de changer la police d’écriture de:

  • Vos titres (h1, h2, h3 etc.)
  • Du corps du texte
  • Des listes
  • Des citations
  • Des paragraphes

Voici un petit tutoriel en image pour faire un tour de présentation de ce plugin:

TÉLÉCHARGER WP GOOGLE FONTS

update : Ce plugin ne fonctionne pas avec tous les thèmes. Parfois la feuille de style (style.css) de votre thème prendra le dessus sur le plugin et vous ne remarquerez aucun changement.

58 Comments

  1. Anne-Laure sur 17 octobre 2013 à 12 h 01 min

    Super utile ce petit plugin ! Merci de l’info !

    • Christelle Bourgeois sur 17 octobre 2013 à 12 h 03 min

      Ravie d’avoir pu t’être utile!

  2. léoty sur 22 janvier 2014 à 15 h 04 min

    Bonjour,
    vos tutoriels sont forts clairs, mais à propos de Google fonts, il semble qu’une
    manipulation au niveau du CSS soit nécessaire, avant de pouvoir utiliser cette extension.
    Après avoir installé celle-ci, choisi ma police et procédé aux réglages dont vous parlez
    il ne s’est rien passé, et pour cause. Sans la modification de certains paramètres de la feuille
    de style, et sans une connaissance avérée du CSS, la manoeuvre me parait bien délicate pour un novice.
    J’ai donc renoncé. Votre éclairage serait le bienvenu. Cordialement

    • Christelle Bourgeois sur 22 janvier 2014 à 16 h 30 min

      Bonjour,
      En ce qui me concerne, j’ai utilisé sur plusieurs sites ce plugin sans jamais avoir eu recours à une quelconque manipulation du css. Peut-être que votre version de wordpress n’était pas compatible ou que du code css avait déjà été modifié? En tout cas, ce plugin est justement fait pour modifier les polices de façon simple donc normalement il suffit de l’installer et de tout faire depuis l’interface du plugin. Je ne sais pas ce qui a pu vous arriver…

  3. Corentin sur 31 janvier 2014 à 11 h 41 min

    Merci pour vos tutos qui sont clairs et utiles…
    Juste une petite chose : plugin ne prend pas de « g » à la fin 😉
    Cordialement

    • Christelle Bourgeois sur 31 janvier 2014 à 14 h 34 min

      Merci pour votre retour Corentin.
      Par contre je n’arrive pas à voir où j’ai mis un « g » à la fin du mot plugin..:-/

      • Daniel-Nicolas sur 9 mars 2014 à 18 h 07 min

        Bonjour Christelle ! Je vous dis un gros merci pour ce tuto. Ce n’est pas le premier qui me sert et sûrement pas le dernier non plus. C’est toujours clair, précis, facile à comprendre. De plus, vous avez une voix si agréable à entendre ; calme, sans hésitation, votre accent résonne bien à mes oreilles. (Je suis québécois !) 🙂

        Vos pages sont superbes aussi : vraiment « Geek & Chic ». Je crois savoir pourquoi Corentin a mentionné le « g » à ne pas mettre à plugin… Ne cherchez pas où vous avez pu l’écrire. C’est quand vous le nommez qu’on l’entend. N’y voyez pas là un commentaire négatif, j’ai tellement à apprendre de vous. Et comme j’écouterais votre voix à longueur de journée, ça ne m’empêchera pas d’aimer ce que vous faites. Bonne route !

        • Christelle Bourgeois sur 10 mars 2014 à 13 h 57 min

          Merci Daniel ! C’est gentil !
          C’est peut-être mon accent picard qui reprend le dessus lorsque je dis « plugin » 😉
          Bonne continuation !



  4. Elodie sur 7 mars 2014 à 16 h 43 min

    Bonjour, je suis très contente de découvrir cette vidéo car je débute dans WordPress et j’avais du mal à trouver une méthode simple pour changer l’écriture (souvent, dans les forums les personnes parlent avec un vocabulaire tellement technique que je n’y comprends rien).

    Je note quand même un problème, WP Google fonts a marché une seule fois. Désormais, lorsque je veux tester une autre écriture, cela ne marche pas : je fais la manip sur mon tableau de bord mais lorsque je veux basculer sur mon site pour voir le résultat les modifications ne sont pas visibles (pourtant j’ai bien cliqué sur sauvegarder)

    Je ne comprends pas d’où cela peut venir… je note aussi que mon WordPress est très lent aujourd’hui…

    • Christelle Bourgeois sur 10 mars 2014 à 13 h 48 min

      bonjour Elodie,
      Je suis ravie que mon article vous soit utile.
      Pour votre soucis, possédez-vous un plugin de cache sur votre site? Parfois c’est à cause de cela que l’on ne peut pas voir les changements que l’on fait.
      Pensez également à rafraichir votre navigateur ou à supprimer les cookies.

      • Elodie sur 10 mars 2014 à 15 h 09 min

        Alors j’avoue que je n’ai toujours pas compris ce qu’était un plugin de cache. J’ai effectivement DB Cache Reloaded Fix et WP supercache. Ce sont des extensions que je n’ai pas téléchargé moi-même mais qui sont bel et bien là, est-ce normal ?

        J’ai téléchargé WordPress avec le module ovh, j’ai lu sur un forum que ce n’était pas la meilleure solution car « non stable ». Mes problèmes de lenteur et d’absence de modifs visibles peuvent-ils venir de là ?

        Merci d’avance !!! ^^

        • Christelle Bourgeois sur 10 mars 2014 à 16 h 47 min

          Un plugin de cache permet d’accélérer le temps de chargement d’un site. Il est vrai que Wp super cache + DB Cache reloaded est une bonne combinaison. Le problème, ils ne sont pas évidents à configurer pour des novices. Cet article explique de façon détaillée comment configurer wp supercache: http://www.monpc-pro.fr/tuto/wp-super-cache/ . Pour ma part je n’aime pas trop ce plugin de par sa complexité et le fait que l’on peut être gêné lorsqu’on développe un site comme les changements qui ne s’affichent pas. J’utilise WP-rocket qui certes est payant mais tellement efficace et facile d’utilisation. (Je n’ai pas d’actions chez eux, c’est juste vraiment un bon produit 😉 )
          Je te conseille d’essayer de paramétrer wp-supercache et de bien penser à purger le cache lorsque tu fais des modifications.
          Je connais de réputation db cache reloaded fix mais je ne l’ai jamais testé.



  5. Elodie sur 10 mars 2014 à 17 h 03 min

    Merci pour la rapidité de ta réponse, c’est très agréable ! Je suis vraiment désolée mais j’ai encore une question ^^ Qu’entends-tu par « purger le cache » ?

    Connaîtrais-tu par hasard un tuto qui explique comment modifier l’en-tête/header d’une page d’accueil ? Je suis en train de tester des thèmes WordPress (Coller, Simple Catch…) et l’option en-tête n’est jamais proposée dans le menu « apparence ». Je rame, je rame….

    • Christelle Bourgeois sur 13 mars 2014 à 14 h 45 min

      Dsl pour le retard de réponse !
      Pour vider le cache, il y a un bouton sur la page principale du plugin si mes souvenirs sont bons.
      Pour modifier un header, il n’y a pas de tuto généraliste. Chaque thème a ses propres fonctionnalités donc si ton thème n’a pas cette option à moins de coder pour changer les caractéristiques du thèmes, tu ne pourras pas ajouter un header.
      Pour chercher un thème gratuit wordpress où l’entête peut être customisée je te conseille d’utiliser les filtres de recherche : https://wordpress.org/themes/tag-filter/
      Tu cliques sur « custom header » et tu devrais trouver des thèmes qui proposent cette fonctionnalité.
      Quel est l’adresse de ton site?

  6. Elodie sur 15 mars 2014 à 11 h 27 min

    Mon site n’est pas en ligne pour l’instant. Tous les thèmes qui me plaisent ont un header difficile à changer, j’aimais bien « coller » et « simple catch » par exemple. Je cherche un thème dispo en français de surcroît (sans savoir encore comment activer la langue française, LOL) Bref, c’est pas simple mais j’y crois !

    Tout de même, cette histoire de codes c’est vraiment atroce pour les débutants, à notre époque on pourrait quand même trouver un système plus simple…

    • Christelle Bourgeois sur 16 mars 2014 à 15 h 23 min

      Oui c’est vrai que le code lorsqu’on débute ça fait peur. Mais il ne faut pas désespérer. Je suis sûre que vous allez trouver ! Bon courage !

  7. le blabla de l'espace sur 17 mars 2014 à 22 h 06 min

    bonjour ! voilà, je voudrai changer ma police d’écriture pour mes billets,
    éventuellement mes titres aussi, car on les voit pas bien

    je suis sous wordpress com, puis je néanmoins changer la police sans payer un plugin ?

    Merci à vous si vous pouvez m’aider, je serai ravie, voila mon adresse blog si cela vous dis de visiter, en ce moment j’essaie de miser sur les décos

    bien cordialement, et bon printemps

    • Christelle Bourgeois sur 18 mars 2014 à 13 h 16 min

      Bonjour,
      Vous ne pouvez pas installer de plugin sous wordpress.com. Il faut avoir un site hébergé et wordpress.org pour ça. Je sais que sur wordpress.com ils proposent des options de customization dans le « shop » je crois, mais cela est payant effectivement.
      Cordialement,

  8. Edevine sur 15 juin 2014 à 18 h 36 min

    J’ai le thème sugar and spice et impossible de modifier le titre avec ce plugin. 🙁

    • Christelle Bourgeois sur 17 juin 2014 à 10 h 11 min

      Bonjour Edevine, je comprends ta déception mais cela ne vient pas du plugin. Le titre du thème n’est pas un h1 c’est un peu plus complexe que ça il faut « appeler » une nouvelle police et la paramétrer dans la feuille de style css. J’ai jeté un coup d’oeil au thème et je vais écrire un tuto sur la démarche à suivre prochainement. Je te tiens au courant quand je le mets en ligne 😉

      • Cécilia sur 16 avril 2015 à 17 h 09 min

        Merci pour ce tuto! j’ai cependant eu le même problème, impossible de changer mon titre sous mon thème… Je vais de ce pas chercher l’autre tuto 🙂
        Merci!!

        • Cécilia sur 16 avril 2015 à 17 h 33 min

          Finalement je ne l’ai pas trouvé lol!
          Si tu pouvais m’éclairer stp :$
          Merci!



        • Christelle Bourgeois sur 16 avril 2015 à 21 h 11 min

          Bonjour Cécilia, malheureusement certains thèmes semblent ne pas fonctionner avec ce plugin. Le css du thème reste prioritaire. Peux-tu me donner l’adresse de ton site? Sans le voir je ne peux pas t’aider..



        • Cecilia sur 18 septembre 2015 à 21 h 19 min

          oh non je viens de voir que tu m’avais répondu il y a un bail ! je n’ai pas reçu de notif comme quoi tu m’avais répondu… 🙁
          Merci beaucoup pour ta réponse… j’avais finalement changé de thème vers tempera, qui permettais beaucoup de personnalisation, et j’ai finalement opté pour un thème premium cette semaine!



  9. Laurent sur 12 septembre 2014 à 15 h 47 min

    Bonjour Christelle,
    Bravo pour ce tuto simple et efficace 😉
    Je n’ai pas trouvé la bonne police dans la liste (pourtant elle est connue c’est Helvetica) et je ne trouve pas non plus la manière de l’ajouter.
    Une idée peut-être ?

    • Christelle Bourgeois sur 13 septembre 2014 à 17 h 31 min

      Bonjour Laurent, pourriez-vous me donner l’adresse de votre site pour que je vérifie quelque chose?

  10. mariemontmayeur3a sur 21 septembre 2014 à 16 h 55 min

    bonjour! et merci pour ce tuto
    Mais personnellement mes textes apparaissent beaucoup trop petits sur mon blog, j’aimerai changer la taille de ma police, comment fait-on?? J’ai cru comprendre qu’il fallait passer par la case « CSS personnalisé » du plugin, mais je ne sais pas quel code mettre..
    Merci d’avance!!

    • Christelle Bourgeois sur 22 septembre 2014 à 17 h 41 min

      Bonjour. Ah! j’adore les sites de voyages 🙂
      Pour votre problème, ça dépend ce que vous voulez changer mais si ce sont les paragraphes des articles, là où vous avez choisi votre police, « Basic » je crois, ajoutez au css personnalisé le code suivant: p { font-size: 14px;}
      La taille est déjà à 13px donc je dirais soit 14px, soit 15px.

      • mariemontmayeur3a sur 24 septembre 2014 à 14 h 01 min

        Super, c’est nikel! Merci mille fois, ça faisait un moment que je cherchais désespérément la solution!!

        • Christelle Bourgeois sur 6 octobre 2014 à 19 h 40 min

          Merci!



  11. Marine de Twinsavenue sur 22 septembre 2014 à 15 h 47 min

    Bonjour, merci pour ce tuto il est parfait!!!
    Par contre j’avais une petite question, je n’arrive pas à modifier la taille de la police (j’ai mis pourtant « bold 700 ») même si je ne sais pas trop à quoi ça sert et les textes sont en tout petit et ça fait mal aux yeux de les lire…
    Si vous avez une solution je suis preneuse… Merci beaucoup

    • Christelle Bourgeois sur 22 septembre 2014 à 17 h 21 min

      Bonjour Marine,
      Vous avez du choisir une police pour le corps du texte dans wp google fonts. Normalement « josefin sans » que vous avez assigné à paragraphe (case à cocher à droite). Si vous ne l’avez pas assignée à paragraphe, cochez cette case plutôt que « tout ». Ensuite dans l’encadré css personnalisé tapez ce code : p { font-size: 14px;} et validez. Vous pouvez adapter le 14 et mettre plus grand ou plus petit. Dites moi si cela fonctionne.
      Bonne continuation!

      • Marine de Twinsavenue sur 22 septembre 2014 à 20 h 21 min

        Vous êtes géniallissimmeeeeee!!!!!
        Merci!!!!
        Décidément, depuis que je suis passé à WP je galère un peu plus mais je rencontre des personnes géniales qui me font encore plus aimer la blogo et WP!
        Merci infiniment, du coup je vais faire venir toutes mes copines sur votre tuto!!
        Merci merci!!!

  12. Maryse & Cocotte sur 6 janvier 2015 à 11 h 03 min

    Bonjour, je viens de voir votre tuto qui est clair et très précis. Alors voilà, j’ai mon thème qui est Hemlock, et la police du titre de mon blog est trop petite, j’aimerai qque chose d’un peu plus voyant. A savoir que ni la police proposée ni la police de Google font me donne ce que je voudrais. Quel code à appliquer ds mon css ? Merci. (mon blog mentionné ds les coordonnées n’est pas celui dont je parle ).

    • Christelle Bourgeois sur 7 janvier 2015 à 9 h 08 min

      Bonjour,
      Pourriez-vous me donner un lien vers le blog en question?

  13. Nini callyati sur 11 février 2015 à 0 h 13 min

    Bonjour,
    J ai choisi le thème snaps de wordpress. Le Titre est tout en majuscule, est il possible avec le pluggin proposé de gérer les majuscules et minuscules dans le titre?
    Merci d avance pour votre aide.

    • Christelle Bourgeois sur 11 février 2015 à 10 h 40 min

      Bonjour Nini,
      Avec le plugin je ne suis pas sûre sinon il te faut changer les paramètres de cette balise dans ta feuille de style hgroup h1.site-title tu y verras qu’il y a écrit « uppercase » c’est ça qui met les lettres en capitales. Il faut remplacer uppercase par none et tu auras des minuscules.

  14. Casier sur 16 février 2015 à 7 h 42 min

    TooOOppp !!!

  15. Alexis sur 21 février 2015 à 7 h 21 min

    Merci pour ce plugin!

  16. Philippe de Nancy sur 6 avril 2015 à 15 h 23 min

    Si le plus que parfait n’existait pas déjà , il faudrait l’inventer. Je ramais depuis des jours et des jours pour changer la police.
    Merci pour vos conseils
    Phil

    • Christelle Bourgeois sur 6 avril 2015 à 17 h 10 min

      Merci pour le compliment Philippe! Ravie que cet article vous ait aidé!

  17. Mylee sur 12 mai 2015 à 14 h 15 min

    Bonjour,
    Déjà je te remercie vraiment pour cette vidéo très claire et je vois que ce que tu nous proposes est tout de même assez simple et je suis contente d’enfin trouver des explications pas trop techniques. Pourtant sur mon site la police ne change pas sur les titres… Je suis assez novice dans ce genre, on m’a changé un peu le thème et le « design » du blog mais je voulais quand même changer moi même mes titres etc. pour avoir quelques choses qui me correspond pleinement mais ça n’a pas l’air de fonctionner..
    As-tu déjà eu ce genre de situation ?
    Je te remercie par avance,

    Elodie

    • Christelle Bourgeois sur 12 mai 2015 à 21 h 27 min

      Bonjour Elodie,
      le plugin n’est pas compatible avec tous les thèmes car parfois le css du thème prend le dessus. Il peut y avoir d’autres raisons. Pour tes titres d’articles de blog, on est sur du h2, est-ce bien ce que tu coches pour tenter le changement? Si oui et que ça ne fonctionne pas, dans css personnalisé du plugin, tape h2 {font-family: ‘Abril Fatface’, cursive!important; } par exemple.
      Change le nom de la police en fonction et regarde sur google font si tu dois mettre serif, sans serif, cursive selon la police choisie.
      Si ça ne fonctionne toujours pas ça peut aussi être une histoire de cache qui fait que ton changement n’apparait pas tout de suite.

  18. key sur 2 juin 2015 à 17 h 52 min

    Bonjour je suis pas trop douée en informatique j ‘ai installée google font les changements s ‘opérent pour le texte mais j ‘aimerais savoir comment on fait pour changer la police du menu déroulant merci super vos explications

    • Christelle Bourgeois sur 3 juin 2015 à 10 h 16 min

      Le plugin ne permet pas de changer la police du menu, seulement les titres, le corps du texte, les citations et les listes.

  19. Romain sur 5 juin 2015 à 12 h 57 min

    Super merci pour l’info ! 😉

  20. Jean-Philippe sur 9 octobre 2015 à 22 h 44 min

    Bonjour Christelle,
    J’utilise le thème Optimize Press 2.0. Savez-vous si ce plugin est compatible ou pas ?
    Quel thème utilisez-vous sur ce blog ?
    Merci pour vos articles concis et clairs, je viens de découvrir votre blog aujourd’hui et je vous félicite !!

  21. julie sur 10 octobre 2015 à 10 h 25 min

    Bonjour !

    cette semaine justement, je voulais changer ma police !

    en fait je suis sous wordpress com, et non pas org, donc j ai pris la version gratuite

    mon theme est Triton lite

    j’ai trouvé dans personnaliser differentes police

    mais j’ai pas compris, si cela était gratuit, donc j’ai vite arreter tout !

    pourriez vous me dire ce que vous en pensez ? si je peux cliker sur les polices de mon choix ?

    merci beaucoup,
    Julie

    • Christelle Bourgeois sur 10 octobre 2015 à 11 h 24 min

      Bonjour Julie, cela fait très longtemps que je ne suis pas allée sur wordpress.com, mais de tête je crois qu’on pouvait essayer la fonction pur changer les polices, on pouvait voir le rendu ainsi, mais effectivement ensuite pour personnaliser définitivement il fallait acheter l’option.

      • julie sur 10 octobre 2015 à 11 h 33 min

        mince ! c est bien ce que je pensai, car effectivement, lorsque je fais personnalisation, je vois le changement, et puis si je fais valider, je vois plus rien,
        c ‘est juste pour nous mettre en appetit, lol

        connaissez vous un theme gratuit, qui fait pas mal de chose si vous vous souvenez, bien sur, je voudrai pas que vous recherchiez , en fait je suis allée sur des forums mais c est en anglais

        bon week end et merci de m avoir repondu rapidement, c est gentil de votre part
        julie

        • julie sur 10 octobre 2015 à 11 h 44 min

          HEU !!!! Christelle !!!!

          Je suis bête, je viens d’aller pour la enième fois sur police, et cela semble fonctionner !!!!!!!!!!!!

          si vous voulez aller voir et me dire si vous voyer le titre , bon l’ecriture est peut etre mal choisi, mais est ce que vous voyez une ecriture un peu bizarre ? lol

          enfin j ai réussi a changer le titre, (il se lit pas bien je trouve, en fait j ai compris c est des que je met en majuscule je crois) et donc le texte de fond,

          j espere qu’ils vont pas me réclamer des sous ! car rien ne me dis qu’il faut payer

          bon j y retourne je vais voir si il y a d’autre petites choses sympas a faire,

          a plus !



  22. Smile on the way sur 28 novembre 2015 à 1 h 15 min

    Merci merci merci
    Ca fait des jours que je galère à essayer de changer la typo dans le css, sans aucun résultat.
    Miracle ça fonctionne enfin grace à vous 🙂
    Enfin des tutos clairs, précis et géniaux !
    Votre blog est dans mes favoris !
    Encore merci

  23. poitevin Julie sur 28 février 2016 à 22 h 56 min

    Merci beaucoup pour ce billet! Simple, clair, tu m’as vraiment aidé! Encore merci 😉
    Bonne journée. Ju.

  24. Lisa sur 18 avril 2016 à 20 h 44 min

    Bonsoir, c’est super clair, et pourtant sur mon WordPress, je trouve pas l’onglet extension alors… Je suis tout bloquée! Et je cherche aussi à changer la couleur de la police des titres et je ne sais pas comment faire sans cet onglet…

    • Christelle Bourgeois sur 19 avril 2016 à 8 h 20 min

      Bonjour Lisa, tu es sur un site wordpress.com ce qui n’est pas la même chose que les sites en WordPress auto-hébergés. Aussi tu n’as pas cet onglet extension. Pour changer la couleur des titres, de mémoire sur WordPress.com c’est une option payante. Je t’invite à lire cet article pour comprendre les différences: https://www.calliframe.com/wordpress-org-ou-wordpress-com/

  25. Pomme d'Amour Boutique sur 10 septembre 2016 à 17 h 02 min

    Bonjour,

    Merci pour ce tuto qui m’a été fort utile !! 🙂
    Cependant j’ai un petit soucis, je n’arrive pas a modifier la police du nom de mes pages. Une petite astuce ?

    Merci 🙂

    • Christelle Bourgeois sur 10 septembre 2016 à 19 h 00 min

      bonjour, ce doit être parce que vos titres de pages ont peut-être une classe css spécifique sur le thème que vous utilisez. Mais comme le site est en construction je ne peux pas vous dire 😉 Par contre super joli le petit dessin en haut de la coming soon <3

Laissez un commentaire





Scroll Up
34 Partages
Enregistrer22
Tweetez
Partagez11
Partagez1