Graphiste Infographiste Montpellier

29/05/2010

Webdesign : L'API Google WebFonts

Depuis quelques jours, je teste sur ce blog la nouvelle API de google, Google WebFonts. En tant que webdesigner, je suis souvent confronté à des questions au sujet des polices utilisées dans mes maquettes (destinée à la création de site internet en Html et Css), j'attends depuis longtemps une solution permettant d'utiliser des typos différentes des classiques Arial, Verdana ou Georgia... sans devoir passer par des images.
Plusieurs solutions existent déjà, comme Typekit, SiFR, ou Cufon, chacune d'elles ayant leurs avantages et leurs inconvénients.

TypeKit

les avantages

  • Nombreuses typo (restrictions en fonction de l'offre choisie)
  • Installation simple
  • "Texte en dur"
  • Une offre gratuite (pour un site, deux polices, maximum de 25 000 pages vues/mois, et bagde TypeKit obligatoire)

Inconvénients

  • Pas compatible avec tous les navigateurs (Opéra 10.5 notamment)
  • nécessite la création d'un compte sur TypeKit
  • 3 offres payantes (de 24.99$ à 99.99$/an - ça reste cependant raisonnable)
Pour en savoir plus : www.typeKit.com

Cufon

les avantages

  • Intégration de vos propres polices (True Type et Open Type)
  • Compatible avec tous les navigateurs récents
  • Solution gratuite

Inconvénients

  • L'intégration des typos à l'air un peu complexe (j'avoue ne pas avoir encore tester :) )
  • intégration dans balise < cufon > 
  • ne fonctionne pas lorsque le javascript est désactivé
Pour en savoir plus : http://cufon.shoqolate.com/

SiFR

les avantages

  • Intégration de vos propres polices
  • Solution gratuite

Inconvénients

  • Système basé sur Flash (paramètres passés en flashvar), donc pas super pour le référencement...
  • ne fonctionne pas lorsque le javascript est désactivé
  • Pas compatible avec tous les navigateurs (Opéra 10.5 notamment)
Pour en savoir plus : http://wiki.novemberborn.net/sifr3/

Google WebFonts

les avantages

  • Simplicité d'utilisation
  • Solution gratuite
  • Solution hébergée par Google
  • Compatible avec tous les navigateurs (même IE6)
  • Fonctionne même si le javascript est désactivé

Inconvénients

  • "Seulement" 18 polices disponibles pour le moment
  • Les polices sont souvent inutilisables en corps de texte
Pour en savoir plus : http://code.google.com/webfonts/

Pour en savoir plus sur ces solutions :