Je ne sais pour quelle raison, ce matin j'ai voulu me pencher sur la génération de titre avec une police particulière. Je me suis demandée si il existait une solution simple pour générer des titres avec d'autres polices que celles couramment utilisées sur les sites web tout en concevant l'aspect dynamique d'un système de gestion de contenu. J'avoue rarement utiliser ce genre d'effet et j'ai donc été agréablement surprise de découvrir que des scripts très simple à mettre en œuvre étaient à la disposition des webmasters.

---

C'est chez l'excellent A List Apart que j'ai découvert le script de Stewart Rosenberger qui permet donc de générer une image à partir d'un texte. A List Apart va plus loin en expliquant comment remplacer un titre par cette image grâce au CSS et au javascript.

Une fois mis en place, et après quelques personnalisations de couleur et de taille, il est possible de générer une image en passant le texte dans l'url comme ceci :
http://artypapers.com/csshelppile/pcdtr/image.php?text=Le%20blog%20de%20la%20blonde&tag=h5

Et le résultat pourrait être celui-ci :


Cette méthode est à la portée de tout serveur d'hébergement PHP disposant de la librairie GD. Il est bien entendu nécessaire de disposer des polices au format TrueType (TTF) ou OpenType (OTF). Pour couronner le tout, le script prévoit une mise en cache des images générées pour optimiser les performances d'affichage.

Voir aussi la traduction de l'article de A List Apart par Nicohans