Installer une police de caractère sur votre Wordpress en vidéo

Dans la continuité du précèdent article sur les typographies gratuites, je vous propose aujourd’hui une nouvelle vidéo en screencast qui vous montrera en détails comment installer une nouvelle font sur votre site ou blog sous Wordpress.

A travers ce tutoriel, je présente le plugin WP-Cùfon que vous pourrez télécharger ici. Grâce à ce plugin, vous pourrez adopter toutes les polices de caractère que vous souhaitez en quelques minutes.

Si cette vidéo vous a plu, n’hésitez pas à vous abonner au flux RSS du blog ou à ma chaîne Youtube, d’autres vidéos viendront prochainement ! Si vous avez des suggestions d’articles ou de vidéos, n’hésitez pas à me les communiquer en commentaire et je ferais mon possible pour répondre à vos requêtes.

Après avoir proposé plusieurs articles orientés design cette semaine, je m’orienterai plutôt vers des articles SEO, SMO et monétisation pour les prochaines publications 😉

Dernière MAJ : le 12 octobre 2015

Ces articles devraient aussi vous intéresser :

17 réactions instructives :

  1. Littlebuzz
    12 janvier 2013 à 10 h 56 min #

    Je ne sais pas si tu connais, mais il y a aussi http://www.google.com/webfonts très facile à utiliser qui te permettra d’utiliser n’importe quelle police sur ton site (tout du moins celle en stock)

  2. Maximilien Labadie
    12 janvier 2013 à 11 h 10 min #

    J’en parle dans l’article précédant : http://www.webandseo.fr/design/typographie-des-polices-gratuites-pour-votre-site/ 😉

  3. Eric
    12 janvier 2013 à 16 h 27 min #

    Hello Maximilien, merci pour ce screencast 🙂 Je trouve que ce format d’article est très intéressant, ludique et agréable à regarder.

    Je ne connaissais pas le plugin WP-Cùfon donc c’est une belle découverte ^^

    Coté Screencast ça serait cool de faire ça sur certains logiciels SEO BH ou WH. Ca intéresse toujours beaucoup de personnes surtout si ça peut générer du trafic 😉

  4. GeekPress
    12 janvier 2013 à 19 h 35 min #

    Niveau intéropérabilité navigateur ça donne quoi ? Ca passe bien sous IE ?

    Parce qu’il me semble que WP-Cufon utilisait une technique un peu bizarre pour mettre en place les polices sur les textes (utilisation de la balise ou je ne sais quoi).

  5. Maximilien Labadie
    13 janvier 2013 à 3 h 16 min #

    @Eric J’ai pas mal d’idées de screencast en effet 😉 Par contre, je n’utilise pas trop de softs dédiés au référencement, principalement du suivi de positions, Xenu (pour trouver des NDD expirés, ça pourrait être l’objet d’une vidéo) et SEO Tool Box de Guillaume Desbieys que j’ai bien aimé récemment. Effispin de Cédric Girard est également très sympa, il permet de réaliser des masterspins de manière très propre, mais je ne l’utilise plus aujourd’hui. Sinon j’ai MarketSamurai, Screaming Frog, SERP Attacks que j’utilise de temps en temps. A voir pour des vidéos !

    @GeekPress De mon côté, ça passe nickel sur tous les navigateurs, j’ai également fait quelques recherches pour voir si d’autres utilisateurs avaient rencontré des problèmes d’affichage avec d’anciennes versions mais apparemment aucun soucis. Le plugin est bien maintenu régulièrement, c’est également un bon point.

    Cùfon utilise des balises qui lui sont propres (cufon, canvas et cufontext).

    • GeekPress
      13 janvier 2013 à 21 h 35 min #

      Ah ! Pour une fois, ma mémoire ne m’a pas fait faux bond.

      Du coup, je comprends encore moins comment le plugin fait pour que ce soit nickel sour IE.

      Parce que la balise canvas n’est pas du tout interprété par ce navigateur et il n’y a pas de hacks possibles pour lui faire comprendre.

      Il faudrait aussi s’il n’y a pas un impact sur le temps de chargement d’un site. Est-ce que tu as des informations par rapport à ça ?

      • Maximilien Labadie
        14 janvier 2013 à 6 h 27 min #

        C’est clair, je n’ai pas trop d’idées non plus mais il se peut qu’il emploie une autre méthode pour que cela fonctionne sous IE. En terme de chargement, j’ai fait quelques recherches et je n’ai pas souligné de soucis à ce sujet. Pour mes propres sites, je n’ai également pas vu de changements au chargement.

        • GeekPress
          14 janvier 2013 à 9 h 51 min #

          Je te remercie pour les infos 😉

  6. Adam
    13 janvier 2013 à 13 h 45 min #

    ah bonne idée pour les originaux qui souhaitent customiser leur wp 🙂 Ca reste (et doit rester ?) secondaire quant au travail de fond sur wordpress.

  7. Kaos Idea
    15 janvier 2013 à 12 h 45 min #

    Sympa de découvrir ce plugin car j’intervenais directement sur le thème et lorsque je devais le mettre à jour et bien je devais aussi mettre à jour les fichiers. Damned!

  8. Julie
    22 juin 2013 à 11 h 02 min #

    Bonjour!
    Voilà, je débute vraiment la création de site web et je galère sérieusement…
    Je voudrai changer la police du titre de mon blog ainsi que la tagline. J’aimerai mettre la font Little Days, je l’ai installée sur Filezilla. Ça, c’est bon.
    Mais je n’arrive pas à écrire le bon code dans Cufon…
    Avec ça :
    Cufon.set(‘fontFamily’, ‘Little Days Alt’).replace(‘h1’)(‘#blog-title ‘)
    ça ne fonctionne pas…

    De plus, je voudrai pouvoir modifier leur taille: plus grand pour le titre, plus petit pour la tagline… et un brin plus grand pour h1.

    Est-ce que quelqu’un pourrai m’aider en me donnant le code à écrire? Ou m’indiquer l à marche à suivre?

    Merci beaucoup…

  9. Alnaïr
    14 juillet 2013 à 10 h 04 min #

    Bonjour,
    Merci pour ce tuto très clair ! Je l’ai installé sur mon blog Wordpress (3.1.4).
    J’ai suivi les explications mais j’ai un message d’erreur “No files found in /wp-content/plugins/fonts/”.
    Puis “Warning: Invalid argument supplied for foreach() in /mnt/171/sdb/e/a/4lnair/blog/wp-content/plugins/wp-cufon/wp-cufon.php on line 289
    No files found!”
    Evidemment, le fichier .js est bien affiché dans mon dossier /wp-content/plugins/fonts.
    J’ai vérifié le nom du dossier “fonts”, son emplacement, tenté de changer le nom du fichier .font.js, essayé avec différentes fonts (dont delicious), mais j’ai toujours la même erreur.
    Pensez-vous que ce soit un problème de compatibilité avec ma version de wordpress ? Je n’arrive pas à trouver d’info à ce sujet.
    Merci par avance de vos conseils.

  10. Jules
    22 juillet 2013 à 9 h 56 min #

    Ce plugin pour changer les polices peut être utile pour les non initiés, sinon je trouve tout de même plus simple d’éditer directement le CSS du thème pour personnaliser un peu. Et puis ça évite d’installer un plugin supplémentaire qui peut ralentir le chargement du site.

  11. léon
    29 août 2013 à 17 h 33 min #

    Bonjour,

    Merci pour le tuto trés bien fait,

    ceci dit comment mettre la police installée sur la totalité du site ?

    merci d’avance

  12. Franck
    3 septembre 2013 à 21 h 54 min #

    Bonjour et merci pour ta vidéo.

    J’ai un peu la même question que petiteaicha, que doit-on mettre après replace?

    A quoi correspond h1, h2?

    Que mettre pour ne changer que les titres, ou que le texte, ou les deux?

    Merci par avance pour ton aide.

  13. Fanny
    26 septembre 2013 à 4 h 11 min #

    Hello,
    Merci beaucoup pour ce tuto il m’a été très utile et il est effectivement très simple à utiliser.
    Par contre j’ai eu un souci au niveau de mon menu, ca m’a fait sauter le roll over, une idée pourquoi ?
    Merci =)

    • Maximilien Labadie
      26 septembre 2013 à 5 h 48 min #

      Je ne suis pas sûr mais peut-être qu’il s’agit d’un conflit de fichiers jQuery, as tu vérifié si ton site chargeait la librairie deux fois ?

Donne ton avis :

Je souhaite recevoir les meilleurs conseils et astuces de Web & SEO


1100dbe1035655b3bebb6547729b2d09ttttttttttttttttttttttttttttt

Error: Please enter a valid email address

Error: Invalid email

Error: Please enter your first name

Error: Please enter your last name

Error: Please enter a username

Error: Please enter a password

Error: Please confirm your password

Error: Password and password confirmation do not match