Police, SIRF, Typo

Une des contraintes du web des plus énervantes pour les graphistes, c’est de ne pouvoir avoir l’embarrât du choix dans les polices de caractères.

Car si en théorie il n’a à aucune limitation dans le choix de la police, en pratique, cela dépend du poste client. En effet, les polices dites « standards« , autrement dit que l’on retrouvera sur la majorité des postes clients, se comptent sur les doigts d’une main (ok une main pleines de doigts) :

• Arial,
• Georgia,
• Helvetica,
• Sans-serif,
• Times ou Times New Roman,
• Trebuchet MS
• Verdana,
• …

Pour contourner ce problème, il existe diverses solutions :

• faire des images,
• utiliser sIFR.

sIFR ?

Une combinaison de javascript et de flash qui permet de générer un swf intégrant votre nouvelle police à la place du texte.

Comment mettre en place sIFR ?

1. Intégrer le javascript sifr.js
2. Déclarer votre nouvelle police et le fichier swf associé
3. Activer votre nouvelle police
4. Déclarer quel élément vous remplacer.

Ce qui donne :

<script src="sifr.js" type="text/javascript"></script>
<script type="text/javascript">
var ma_nouvelle_police = {
    src: 'ma_nouvelle_police.swf'
};
sIFR.activate(ma_nouvelle_police);
sIFR.replace(ma_nouvelle_police, {
  selector: 'h1'
});
</script>

Liens :

• Site officiel
• La version 3 alpha

En attendant que les futurs navigateurs web permettent l’installation de polices, cela semble être le meilleur compromis.

D’autres solutions permettant d’intégrer des polices existent :

• FLIR (PHP + GD)
• typeface (Javascript)