Depuis que la police de caractères Ubuntu est disponible dans google web font il est possible de l’utiliser comme police par défaut dans les pages web. Voici la démarche que j’ai appliqué pour l’activer dans mon blog propulser par WordPress.
Une édition du thème est nécessaire à travers la section « Appearance » puis « editor »
- Chercher le fichier entête de votre thème, généralement le ficher
header.php, et ajouter la ligne suivante :
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold' rel='stylesheet' type='text/css'> - Chercher le fichier de style, généralement le fichier
style.css, et ajouter Ubuntu dans la liste des polices là où il convient. Par exemple :
h1, h2, h3, h4, h5, h6 { font-family:Ubuntu, Tahoma, Verdana, Arial, sans-serif; line-height:130%; }
Finalement il ne faut pas oublier de recharger vos pages. Pour plus de détails consulter cette page.
Edit : Et voici comment faire pour
Merci beaucoup. Je suis en train de travailler sur un thème WordPress personnalisé et je me disais que ce serait bien d’utiliser cette police que je trouve très jolie.
Heureux que cela te puisse être utile 😉
Cool merci je recherchais cela hier
Merci beaucoup pour l’astuce. J’aime bien cette font et j’en ai fait de même sur ma page personnelle.
merci ça fonctionne aussi sous dotclear 2! pour ma part, la partie 1 je l’ai collée en entête de mon fichier _head.html, et la partie 2 dans le style.css, à la place de la police existante
Pas de quoi 🙂 c’est toujours un plaisir de voir que des petites astuces peuvent servir.
@Standart : J’ai ajouté un lien vers ton commentaire dans le billet original, ainsi les amoureux de dotclear ne seront pas vexés 🙂
Pourtant, moi et les css ça fait 2 :-p ! en tout cas, il semble que l’affichage de la font dépende aussi de la version du navigateur utilisé. Par exemple, là, avec un firefox en version 3.0, le changement de font n’apparait pas…
Salut nizarus, sympa cette contrib ! Je l’ai adapté pour Spip, explications ici :
ça a l’air de fonctionner correctement.
Merci pour l’info, ça me sera utile 😉
merci, blog mis à jour ! 🙂
Ça marche aussi parfaitement avec joomla.
@Majoux : J’ai ajouté un lien vers ton billet.
@Brice & pled : Pas de quoi 😉
@jerome33 : certainement oui 🙂
Je cherchais justement comment faire ceci simplement, en quelques secondes les modifications était faites.
Merci pour cette astuce !