Google font Directory est un service de google qui permet d’afficher des typos « exotique » directement dans vos documents html, compatible multi navigateur et surtout du texte pas en image donc lu par les moteurs de recherche! Actuellement le service propose une vingtaine de typo mais je suis certains que ce n’est qu’un début ! Apprenez en quelques minutes comment intégré une typo dans un simple page html.
BeTheKing tutoriel typo Google from BeTheKing on Vimeo.






Bonsoir,
On peut ajouter notre propre police juste en mettant le fichier ttf ou otf sur le ftp et en mettant une propriété dans le css pour la déclarer donc il y a pas besoin de JS.
Voici un exemple:
@font-face {
font-family: »maPolice »;
font-style: normal;
font-weight: normal;
src: url(MAPOLICE.eot);
}
Puis on l’utilise ainsi:
p{
font-family: »maPolice »,Verdana, Arial;
}
Moi je l’utilise souvent et ça fonctionne très bien.
++
Commentaire by djtec — 14 septembre 2010 @ 1 h 25 min
Merci Aurel pour ton commentaire.
Il existe en effet plusieurs méthodes pour appeler des polices spécifiques, cufon entre autres.
Je vais essayer ta méthode et encore merci de partager cela avec les lecteurs de Be The King.
Commentaire by David Slaager — 14 septembre 2010 @ 10 h 43 min
Bonjour,
L’avantage d’utiliser google directory au lieu de cette méthode, c’est l’accès aux serveurs de google qui sont ultra-rapides et que si tu as déjà été sur un site qui utilise la même police en provenance de google directory, elle est déjà présente dans la cache de ton navigateur et tu n’as donc plus besoin de la télécharger
=> chargement plus rapide de ta page.
Un autre avantage, c’est la question des droits d’utilisation. Toutes les polices présentent dans google font directory sont libres de droit
Commentaire by Frédéric Dewinne — 14 septembre 2010 @ 11 h 00 min
Merci Frederic,
En effet, google directory est une bonne alternative pour cela, j’ai tout de suite été séduit par la facilité et la rapidité de l’offre (gratuite en plus), cependant, pour les polices qui ne sont pas repris dans google directory il faut trouver des alternatives.
Commentaire by David Slaager — 14 septembre 2010 @ 11 h 23 min