Simple Entrepreneur

Si vous ne connaissez pas encore sIFR, je vous invite à découvrir cette méthode maintenant bien testée pour utiliser une police de caractères particulière sur un site Internet. Pour information, c’est cette technique que j’ai employée sur le site d’Hitomi Studio pour afficher les titres avec Tiresias Keyfont (version 2 pour les amoureux de typographie).

Bien sûr, les dernières évolutions de CSS 3 concernant le support de polices non standards vont très certainement rendre ce projet caduc, mais il faudra encore attendre un peu pour qu’elles soient disponibles sur tous les principaux navigateurs du marché. Du coup, voici un petit tutoriel qui récapitule rapidement les étapes pour exporter une nouvelle police pour sIFR.

Et oui, car sIFR va utiliser un composant Flash pour afficher la police de caractères désirée. Il faut donc au préalable créer un fichier Flash avec Adobe Flash qui va contenir un morceau de texte avec cette police, dans les différents styles souhaités (gras, italique, …) et surtout avec les jeux de caractères nécessaires (pour avoir des accents par exemple) :

1. Ouvrir le fichier .FLA
2. Supprimer le texte par défaut
3. Sélectionner l’objet texte et mettre à jour les paramètres de la police
4. Choisir la police à inclure
5. Ajouter un caractère en gras si l’on veut inclure ce style

Il faut bien sûr répéter l’étape 5 pour chaque style à inclure. Il suffit ensuite de sélectionner les valeurs suivantes pour l’option character embeding :

• Latin 1
• Latin basique
• Majuscules
• Minuscules
• Chiffres
• Ponctuation

Il ne reste plus qu’à exporter enfin le fichier au format SWF avec les paramètres suivants (mais vous pouvez tout à fait les personnaliser) :

• Version : flash player 8
• Order : bottom to top
• Action Script 2
• Generate a report : yes
• Protect against import : yes
• Compress : yes

Et voilà.

A lire également

Les visiteurs qui ont vu cette page ont consulté ensuite :

• Concevoir des interfaces utilisateurs subtiles et réalistes (4 lectures)
• Les pages d’atterrissage de Campaign Monitor (3 lectures)
• Avez-vous déjà pensé à utiliser @font-face pour les icônes ? (2 lectures)

A savoir

La rédaction de cet article a nécessité 26 minutes. Si vous le souhaitez, vous pouvez être prévenu de la parution de nouveaux articles en vous abonnant par RSS ou par email.