Changer les polices d'écriture du blog

Depuis que j'ai créé mon blog, j'aime bien "bidouiller"  afin de le rendre plus agréable et surtout de le personnaliser à ma façon.

J'ai notamment découvert qu'il était possible de modifier les polices d'écriture.

Celles proposées par Eklablog sont assez restreintes.  Or, sur le Web, on trouve de nombreuses polices, toutes plus jolies et plus originales les unes que les autres !

Voici la procédure à suivre si, comme moi, vous avez envie d'un peu de changement !

1 - Contactez le support Eklablog pour leur demander d'activer le Javascript : cliquez sur "Aide" dans la barre d'outils située en haut de la page de votre blog, puis sélectionnez l'onglet "Contacter le support". Une réponse devrait vous parvenir rapidement. Dans mon cas, il n'a fallu que quelques heures.

2 - Une fois le Javascript activé, rendez-vous sur la page Google Fonts sur laquelle vous pourrez choisir vos polices préférées. Cliquez sur "Add to collection", puis "Use". En bas de la page, vous obtenez un encart "Add this code to your website". Sélectionnez "Javascript". Il ne vous reste plus qu'à prendre et copier le code !

3 - De retour sur votre blog, allez dans un module simple existant ou créez-en un nouveau. Cliquez sur la petite icône "Code source" matérialisée <>. Copiez le code. Cette étape permet en fait à votre blog de reconnaître les nouvelles polices.

4 - Ensuite, allez dans "Apparence", "Modifier le thème" et "Ajouter du CSS". Ici, il faut entrer différents codes vous permettant de changer les polices. Cette étape peut sembler plus difficile. Pour vous aider, vous pouvez utiliser mes codes et les copier directement dans votre CSS en mettant le nom de vos polices.

Mes codes :

a - Pour modifier la police des articles

.module_contenu_block {font-family: 'Votre Police', latin;
font-size:14px;}

b - Pour modifier la police à l'intérieur des menus

.module_menu_contenu_block {font-family: 'Votre Police', latin;
font-size:13px;}

c - Pour modifier la police des commentaires (commentaires visiteurs)

.commentpseudo a{font-family: 'Votre Police', latin;
font-size:14px;}
.commentbody {font-family: 'Votre Police', latin;
font-size:13px;}
.commentdate {font-family: 'Votre Police', latin;
font-size:14px;}
.commentpseudo a:hover {font-family: 'Votre Police', latin;
font-size:14px;}
.comment_normal .commentheader {font-family: 'Votre Police', latin;
font-size:14px;}
.comment_normal {font-family: 'Votre Police', latin;
font-size:12px;}

Et maintenant, à vous de jouer !