… avec siFR !

Je connais cette astuce depuis un petit bout de temps mais j’ai envie ce matin, de vous la partager !

Cette technologie combine JavaScript, DOM et conteneurs Flash. Ainsi, le script SIFR offre la possibilité d’utiliser exactement la police voulue pour l’affichage des titres d’une page Web… Un peu comme ça:

La solution

Voici que je découvre sIFR qui est l’oeuvre de Mike Davidson et qui selon moi est la solution la plus élégante que j’ai jamais vue.

Le principe :

• vous codez votre page en HTML tout ce qu’il y a de plus classique en employant les balises H1 ou H2
• ou toutes autres…
• Vos CSS définissent ces tags… Vous pouvez également employez des classes liées à ces tags…
• Vous intégrez le script Javascript sIFR de Mike Ravidson et automatiquement il réécrit le contenu de ces tags par du flash qui contient la police de base. Le flash reçoit le code HTML à afficher dans la police appropriée.

Et voilà, vous avez votre H1 qui est remplacé par le texte en flash avec la typo dont vous aviez toujours rêvé

Alors, les amoureux de l typo… conquis ?

Ces articles peuvent aussi vous intéresser:

• Le HTML pour les bébés ! Le livre pour apprendre le HTML à vos enfants…
• Typographie : quelques outils en ligne à découvrir…
• La première typographie réalisée intégralement en CSS.
• [Le test] Adobe Wallaby, la conversion de fichier flash en html5
• How to put a flash file in your tumblr’s header ?
• Découvrez la future version Deezer en HTML5
• Le plugin firefox pour trouver les typos d’un site web !
• Amis graphistes, voici comment gagner 500 000€ !