Brain-Friendly News Blogging

Posted by Guillaume Nicoulaud 2014-01-26 14:01

Tip : modifier la fonte des titres sous Blogger

Comme vous l'avez sans doute remarqué, je m'amuse avec le visuel de ce blog. Chemin faisant, j'ai réalisé qu'il est possible et même facile d'utiliser des fontes [1] qui ne sont pas prévu au catalogue de Blogger. Voici comment modifier la fonte du titre de vos billets :

1/ Rendez-vous sur google.com/fonts/ et choisissez la police que vous souhaitez utiliser (par exemple, Audiowide);

2/ Cliquez sur le petit bouton « Quick-use » en bas, à gauche ;

3/ Dans la troisième section, copier le code (mettez-le de côté dans un fichier texte) :
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css'>

4/ Dans la quatrième section, copiez le code (idem) :
font-family: 'Audiowide', sans-serif;

5/ Dans Blogger, rendez-vous dans « Modèle » et sélectionnez « Modifier le code HTML » ;

6/ Cherchez la ligne <head> (tout en haut de la page ; vraisemblablement ligne 4) et insérez la première ligne de code juste en dessous en prenant soin de rajouter un slash (/) à la fin :
<head>
<link href='http://fonts.googleapis.com/css?family=Audiowide' rel='stylesheet' type='text/css' />

7/ Chercher la ligne ]]></b:skin> (vers la ligne 500) et insérez la seconde ligne de code juste au-dessus en la modifiant comme suit :
h3.post-title {font-family: 'Audiowide', sans-serif;}
]]></b:skin> 8/ Sauvegardez (« Enregistrer le modèle ») et vérifiez que ça fonctionne.

---
[1] Ceci n'est pas un anglicisme, bien au contraire, le font ou fount anglais dérive directement du français « fonte » désignant les caractères d'imprimerie qui étaient le résultat de la fonte d'un alliage de plomb et d'antimoine. Ainsi, la première édition du Dictionnaire de l'Académie Françoise (1694) précise : « Fonte, ?e dit au??i en matiere d'Imprimerie, pour ?ignifier Des caracteres d'Imprimerie. Une nouvelle fonte. une fonte de petit romain. » [...]

http://ordrespontane.blogspot.fr/2014/01/tip-modifier-la-fonte-des-titres-sous.html