Embarquer une police sans prise de tête

Nicolas, le 22 fév 2011

Vous avez pu le remarquer, j’ai fait un tout petit changement cosmétique sur ce blog en modifiant les titres des articles et les en-têtes des menus de la sidebar.
Histoire de changer des polices traditionnelles du web, je me suis dit « Mais pourquoi ne pas proposer quelque chose de plus exotique ? ». Il fallait dès lors que j’embarque une police spécifique dans les pages de ce blog.
Le moyen le plus simple pour ce faire ? Google web fonts !
1. Commençons par se rendre sur la page Google web fonts.
2. Sélectionnez la police qui vous plaît. Même s’il y en a pas des tonnes, il devrait y en avoir une pour vous satisfaire.
3. Vous avez dès lors un aperçu de la police choisie en plusieurs tailles ainsi que quelques infos diverses. Cliquez sur « Use this font ».
4. Deux lignes de code sont alors proposées.
5. Rendez-vous dans l’éditeur de votre thème.
6. Collez la première ligne de code (cf 4.) dans l’en-tête html, juste après le tag <head>.
7. Collez la seconde ligne de code (cf 4.) dans le CSS à l’endroit où se trouve qualifié la police que vous souhaitez modifier.

Voilà, c’est fini. Aucun besoin d’accès au serveur puisque Google héberge la police.
Je n’ai pas remarqué de changement conséquent dans le temps de chargement de mes pages.

#blog #hack it yourself #sciences