Pensez à utilisez les Webfonts pour votre thème et lui donner une touche personnelle

16/08/2012 21:34

Les Webfonts c'est quoi ?

Il faut savoir que le HTML standard n'affiche que les polices disponibles sur le système de l'internaute. Le CSS et le Webfonts autorisent l'utilisation de polices de caractères beaucoup plus variées.
Le plus simple est de se rendre sur Google Webfonts , d'y choisir la police souhaitée, puis cliquez sur "Quick Use" et copier le lien proposé dans la section <HEAD> de votre template/thème.
Ensuite repérez le nom de la police et dans vos styles pour un élément particulier, remplacez ou ajouter le sélecteur CSS,
"font-family:nomdelapolice" par "font-family:nomdelawebfont"

Petits exemples ci-dessous :

<link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Capriola

<link href='http://fonts.googleapis.com/css?family=Electrolize' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Electrolize

<link href='http://fonts.googleapis.com/css?family=The+Girl+Next+Door' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en The girl next door

<link href='http://fonts.googleapis.com/css?family=Rammetto+One' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Rammeto One

<link href='http://fonts.googleapis.com/css?family=Londrina+Shadow' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Londrina Shadow

<link href='http://fonts.googleapis.com/css?family=Dynalight' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Dynalight

<link href='http://fonts.googleapis.com/css?family=Monofett' rel='stylesheet' type='text/css'>

Ceci est un essai de texte en Monofett

Alors faites vos essais pour donner une touche originale à vos thèmes !