Google font API: une autre solution pour des polices web originales

En complément d’un récent article sur les technologies permettant la mise en oeuvre de polices orginiales sur le web, j’ai découvert il y a peu le service google font (béta). Il s’agit là d’un service gratuit concurrent de TypeKit ou FontDeck utilisant un appel distant, permettant la selection de la police avec le curseur de la souris (pas de remplacement image ou flash).

Les avantages de cette technologie sont:

• grand choix de polices open sources, donc pas de problèmes de droits…
• compatibilité sur quasiment tous les navigateurs
• facilité de mise en oeuvre
• hébergé par google, donc le service est fiable et charge rapidement)

Il n’y a qu’une vingtaine de polices disponibles à ce jour, mais il y a de grandes chances que de nouvelles soit ajoutées dans les prochaines semaines (certains typographes y trouveront un moyen de se faire connaître).

Webfont Loader: une librarie javascript pour améliorer le chargement des polices

La où le service google va encore plus loin, c’est avec le webfont loader, créé en partenariat avec Typekit.
Cette librairie Javascript vous permet d’utiliser des polices en provenance de plusieurs fonderies (pas uniquement google font) et de paramétrer l’affichage de ces dernières.

En effet, en fonction des navigateurs, la police de « secours » sera affichée provisoirement, le temps que la police choisie soit chargée entièrement. D’autres navigateurs ont aussi la fâcheuse tendance à ne pas afficher le texte tant que la police n’est pas chargée… Le webfont Loader permet d’éviter ces désagrément en quelques lignes de code!

L’initiative est très intéressante et va permettre l’utilisation de plus nombreuses polices de manière simple et propre. Je salue l’initiative de google qui me semble prendre la bonne direction et j’espère qu’elle aura autant de succès que leurs autres services afin que de nombreux designer l’utilisent et de nombreux typographes y contribuent.

Une chose est sure, j’envisage définitivement d’utiliser cette solution pour mes prochains projets web (y compris ce blog)!

Related posts:

1. Choix des polices pour le web – comment aller plus loin? Le choix des polices pour le web a toujours...

La liste des entrées complémentaires est établie par le module d’extension YARPP.