Changer la font utilisée dans l’éditeur TinyMCE pour wordPress (Google Font)

Notez que cet article a été écrit pour la première fois il y a plus de 3 ans, mais n'est pas nécessairement obsolète.

Exemple : Editeur visuel avec la Google font ‘Raleway’

Il est plus simple d’avoir la même police de caractère dans l’éditeur visuel TinyMCE de wordPress et sur votre site/thème. Pour cela, quelques manipulations.

Dans le fichier functions.php, ajoutez les lignes suivantes :

Créez votre fichier myStyle_tinyMCE.css, en définissant votre font.

Pour trouver ce qu’il faut mettre dans @font-face, il suffit, par exemple, d’aller voir la source de votre page d’accueil et de repérer la ligne de chargement de votre Google font.

Cliquez sur le lien contenant le nom de la font (en l’occurence ‘Raleway’ pour moi), on obtient le fichier suivant :

On peut également obtenir cela en allant sur Google Fonts et charger l’url donnée pour la police.

Ici:

Recopiez le @font-face qui vous intéresse pour l’éditeur visuel.
Uploadez les deux fichiers, votre éditeur visuel a la police désirée.

On peut, par la même occasion, augmenter la taille et le « poids » de la police.

 

1 commentaire

  1. Le texte peut-etre charge depuis un fichier texte en cliquant sur l’icone de dossier dans l’editeur de texte. Tout le texte du fichier est charge.

    Répondre

Soumettre un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *