Overblog Suivre ce blog
Editer l'article Administration Créer mon blog

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

- Auteur : Brunofaisart

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 !

Les commentaires...

comments powered by Disqus

Commentaires anciens formats...

Alice 16/08/2012 21:34

Question de Candide : Peut-on aussi les utiliser dans les articles ?

Bruno admin créateur de ce blog 17/08/2012 04:29

Ces police sont utilisables pour tout ce qui affiche du texte dans le HTML, liste, menus, titres , articles, dates, tags, résumés etc

Les 10 derniers Billets

Related Posts Plugin for WordPress, Blogger...