Changer sa police d’écriture sous Cufon Via WordPress

8 1462

Lors de l’installation d’un thème WordPress, j’ai été confronté à l’impossibilité de changer une de mes polices d’écriture, même via le fichier style de mon thème.

Voici la méthode à appliquer avec Cufon quand c’est nécessaire.

Préambule:

Qu’est-ce que Cufon ?

Cufon est un script qui utilise le Javascript pour calculer les tracés vectoriels à partir de fichiers générés à l’aide de vos polices d’écriture aux formats TTF, OTF, PFB.

Il va falloir donc charger votre police d’écriture au préalable, afin que celle ci soit prise en compte. Je vous explique les étapes lorsqu’il faut changer de police.

Mon projet.

Voici la police que je souhaite changer durant ce tutoriel:

Dans le fichier style de mon thème WordPress, celui ci m’indique comme police:

h1,
h2,
h3,
h4,
h5,
h6 {
font-family: « Arial », Tahoma, Verdana, FreeSans, sans-serif;
font-weight: normal;
margin: 15px 0 2px;
padding-bottom: 2px;
}

Et lorsque je souhaite changer uniquement la police via ce fichier style.php , celle ci n’est pas prise en compte, il faut donc se tourner vers le script Cufon, que vous trouverez dans les fichiers de votre thème, souvent dans:

scripts/cufon/cufon-yui.js

Pour ma part je vais changer le fichier de police nommé:

eurofurence_500-eurofurence_700.font.js

Les étapes pour changer la police sous Cufon:

Tout d’abord, rendez vous sur ce site:

http://www.cufonfonts.com/fr/

Vous allez pouvoir choisir parmi des centaines de police d’écriture, celle qui vous conviens:

Une fois que vous avez choisi votre police:

Attention en choisissant vos caractères, à ne pas alourdir votre fichier !

Je vous conseil les caractères suivants, qui sont suffisants:

  • basic latin
  • les symboles monétaires
  • latin-1 supplement

Maintenant télécharger votre fichier Cufon.

Moi j’ai choisi la police myriad-pro

Modifier votre fichier functions.php

Retournez sur votre éditeur de thème via votre WordPress et modifier vers la ligne 40#:

(‘ font_eurofluence’ …

en

(‘font_myriad-pro’ …

Puis

« /scripts/cufon/eurofluence_700.font.js »

en:

« /scripts/cufon/myriad-pro.cufonts.font.js »

Et télécharger le fichier de votre police dans votre FTP /scripts/cufon/…:

Une dernière étape, allez dans le dossier de votre thème via FTP, puis sur scripts.

Dans ce dossier, allez chercher le fichier script.js, et modifier l’ancienne police, avec le nom de votre nouvelle typo, vers la ligne 5#.

Sauvegardez, actualisez votre FTP, rendez vous sur votre site.

Actualisez une de vos pages et constatez le changement:

Voilà pour ce tutoriel, qui va je pense en aider plus d’un, lorsqu’un thème utilise Cufon.

Et vous, comment avez vous changé votre police d’écriture sous WordPress ?

8 Commentaires

  1. Salut Rodrigue,

    Bonne question, je n’ai jamais rien changé du tout, et ça me désespère
    (titre, etc…).
    Si je comprends bien, on peut choisir la ligne qu’on a envie de changer?
    Et tout les thèmes acceptent-ils cette procédure?
    Le mien c’est grave…
    Mais Html et moi c’est une longue histoire d’amour et surtout de haine….encore pire avec htp.
    Je sens que si je dois changer quelque chose ça va, ça va être vachement chronophage.
    @+
    Christian.

    • Salut,

      En générale tu peux changer la police depuis le fichier style.php

      Mais certains thème sont plus complexe et utilisent cufon pour les styles d’écriture !

    • Bon,
      c’est déjà grâce à toi que j’ai trouvé style dans thème…je ne savais même pas qu’il y avait ça.
      J’ai trouvé d’autres choses aussi d’ailleurs.

      Pour style, j’ai:
      style-Cobalt.css
      style-Green.css
      style-Purple.css
      style-Teal.css

      Mais, courageux que je suis, je n’ose pas cliquer dessus de peur de faire une bêtise.
      Je sais que je suis un peu hors sujet par rapport à Cufon.
      Mais si je clique dessus, qu’est ce qui va se passer sur mes pages?
      Est-ce que je peux choisir les lignes à changer, prévisualiser…aïe aïe aïe

    • Salut Christian,

      Apparemment ton thème se décline en plusieurs couleurs…

      Tu peux cliquer sur celle que tu as choisie pour ton site, et les modification que tu feras seront prise en compte.

      Mais si tu as un doute je ne te pousse pas au crime, si ton Blog deviens HS ^^

      Je te conseille de ne pas tenter l’aventure, si tu as besoin demande moi en privé tu as mon mail :-)

  2. Rien à dire, super tuto !
    Même moi qui suis une brêle en code ait réussi à le mettre en place sur un petit blog.
    ça donne une sacrée liberté sur les typos quand même :)
    merci !

  3. Pour ceux qui se poseraient la question: Cufon n’influence pas le référencement.
    On pourrait penser que c’est néfaste (car il rajoute des classes sur les différentes lettre on et se trouve avec un truc du genre …)

    Mais étant donné que c’est du Javascript et que les robots n’exécutent pas cette technologie, pas de prob ! ;-)

Réagis