Il faut savoir qu’il est tout à fait possible d’utiliser d’autres polices moins communes. Cependant, elles ne marcheront pas chez les gens qui n’ont en pas, et le texte s’affichera avec la police par défaut du navigateur (pas testé .. corrigez moi si j’ai tort). Le site n’aura donc plus, le rendu souhaité.

Pour contourner cette limitation, il est existe un bon nombres de techniques comme par exemple, l’image replacement via CSS, qui consiste à remplacer vos textes (souvent des balises H1, H2, H3 …) par des images. Il y a également ce qu’on appelle sIFR (Scalable Inman Flash Replacement), qui est une solution open source à base de Javascript et de Flash accessible et approuvée par Google (pour en savoir plus, référez-vous à cet article sIFR 2.0: Rich Accessible Typography for the Masses).

Là je ne vais pas rentrer dans les détails des techniques, et de ce qu’apporte de plus chacune par rapport à l’autre; mais je vais plutôt vous parler d’une découverte que j’ai faite aujourd’hui (via David Airey) : Font Burner.

Font Burner, un site qui facilite l’intégration de nouvelles polices

Font Burner est un nouveau site créé par Adrian Hanft, ayant comme objectif de fournir un moyen facile et efficace pour utiliser une police de caractères peu commune sur votre site web. Pour cela, il suffit d’ajouter un bout de code dans vos pages html, et le tour est joué !

Et en plus c’est gratuit

There is nothing to install, and best of all, it’s free!

Comment Font Burner fonctionne ?

Dans la pratique, les instructions à suivre sont minimes et faciles à suivre :

1. Choisi une police de caractères parmi toutes celles disponibles sur le site. Pour cela, vous pouvez soit utilisez le moteur de recherche, soit parcourir les catégories préétablies.
2. Après avoir trouver une police, vous aurez un code Javascript en bas de page. Il suffit ensuite de copier ce code, et de le coller dans votre site web.

Il est possible de personnaliser l’utilisation de la nouvelle police. Pour en savoir plus, jetez un coup d’œil sur la FAQ.

Techniquement parlant, il n’y pas réellement d’innovation, puisque cette solution ne fait que reprendre la méthode sIFR citée un peu plus haut, pour remplacer vos titres par des textes en Flash.

Cependant, le gros avantage par rapport à une utilisation brute de sIFR, reste tout de même la rapidité et facilité de mise en place et la variété de polices disponibles gratuitement (ça vous évitera de longues heures de recherches).

Autre point à signaler, c’est que pour l’instant les seules couleurs de textes disponibles sont le noir, le blanc ou le gris. Mais bon, le projet est encore jeune et il risque fort bien de s’améliorer d’ici peu

Seulement voilà, Homer Simpson en CSS c’est bien .. mais si en plus c’est animé avec du jQuery, c’est meilleur ! Et c’est ce qu’a réussi à faire un développeur du nom de Ned Batchelder, qui s’est basé sur le travail de Román Cortés.

Décidément, il y en a qui jouent avec la technologie, comme s’ils jouaient au Légo !

PS:
Apparemment, Georges W. Bush existe lui aussi en version CSS !