blog actif depuis 1431 jours.

retours d'expériences, codes sources, réflexions, humeurs... d'un webmaster

Jeu.

Janv.

Utilisez une police exotique sur vos pages web avec Google Font Directory

Google Font Directory est un catalogue de quelques dizaines de polices que vous pouvez intégrer dans vos pages Web, histoire de changer des Arial, Trebuchet, Verdana et autres polices standard.
Vous pouvez donc utiliser de nouvelles polices sans utiliser d'images. L'intérêt est évident : le texte reste lisible par les moteurs de recherche et modifiable en CSS.

Voici comment intégrer très simplement une "Google Font".

Sur le site http://code.google.com/webfonts, vous choisissez votre police dans le catalogue proposé. Elles sont bien entendu toutes libres de droits.
Prenons par exemple la police Coda.

Dans le head, vous insérez cette ligne :

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

Puis vous pouvez la déclarer dans votre css :

h1 { font-family: 'Coda', arial, serif; }

N.B : Les polices alternatives ne sont pas nécessaires, mais sont utiles si la police google choisie n'est pas accessible.

Commentaires

Bonjour!
A part ce qu'on voit sur le barre de menu, il y aussi d'autre catalogue des polices.
Merci pour le site http://code.google.com/webfonts

01/03/2011

On peut également utiliser des polices originales en utilisant font face (http://www.css3.info/preview/web-fonts-with-font-face/)

Ca laisse beaucoups plus de liberté !

17/05/2011

@maniT4c : oui, c'est vrai. je pensais que c'était du CSS3, mais en fait ça existait déjà en CSS2.

18/05/2011

Ajouter un commentaire

romualb.com est sur Facebook

Petitchevalroux - les notes d'un dev php mysql
CERDAN Yohann - Blog d'un développeur PHP/TYPO3 http://www.ycerdan.fr/
LyRiXx Blog
Développeur Web à Grenoble