Dans la continuité du précèdent article sur les typographies gratuites, je te propose aujourd’hui une nouvelle vidéo en screencast qui te montrera en détails comment installer une nouvelle font sur ton site sous WordPress.
A travers ce tutoriel, je présente le plugin WP-Cufon que tu peux télécharger ici. Grâce à ce plugin, tu pourras adopter toutes les polices de caractère que tu souhaites en quelques minutes.
D’autres alternatives + populaires :
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)
J’en parle dans l’article précédant : https://www.webandseo.fr/design/typographie-des-polices-gratuites-pour-votre-site/ 😉
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 😉
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).
@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).
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 ?
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.
Je te remercie pour les infos 😉
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.
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!
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…
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.
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.
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
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.
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 =)
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 ?