Not Just another technical weblog…

Aujourd’hui, les services proposant l’hébergement de polices de caractères non standards pour enrichir nos sites web sont de plus en plus présents. Ils permettent généralement d’inclure sur votre site une police (à l’aide d’une API, en achetant une licence, …) non web que vous utiliserez ensuite avec la directive CSS @font-face.

Il existe deux types de services de ce type:

• Des services (gratuit ou payant) permettant d’utiliser une police à distance sur un ou plusieurs domaines (Google Web Font, Font Spring, …)
• Des librairies de polices dans lesquels vous choisissez et acheter une police utilisable sur le web (format de fichier compatible, CSS à copier coller, …)

De mon côté je m’intéresserai principalement aux premiers…
Ils permettent aujourd’hui d’intégrer des polices non système sur le web et ainsi ouvrir de nouvelles perspectives de design de manière beaucoup plus simple que des librairies comme Cùfon ou Typeface.js. En effet ces librairies permettant l’émulation des polices sont complexes à utiliser sur des textes longs (espacement de caractère, de ligne, hauteur de texte, …) et mettent généralement un certain temps à s’afficher du fait que le texte est remplacer en javascript pendant ou après le chargement de la page.

En utilisant @font-face l’internaute télécharge la police de caractère dans son cache navigateur et le rendu est ensuite instantané lors de l’affichage de la page! Google propose aussi une API (WebFont Loader) permettant d’utiliser la plupart de ces services et charger des polices à distance de manière simple et rapide.

Il existe plusieurs site proposant ce système de police, une liste descriptive assez complète a été réalisée sur le blog sprungmarker.de: http://sprungmarker.de/wp-content/uploads/webfont-services/