Vous êtes ici : Gotchka design » Design graphique »

L’utilisation des fontes en webdesign

L’utilisation des fontes en webdesign

Frustrant et réducteur. La typo sur le web se limite aux fontes installées par défaut sur les systèmes d’exploitation. Lorsque l’on vient du Print où la culture typographique est primordiale et prédominante, la tentation est grande de chercher à contourner cette limitation désastreuse. Petit florilège des solutions qui fonctionnent assez bien (bien qu’ayant toutes des inconvénients).

sIFR vous propose d’utiliser vos typos favorites en utilisant les technologies Flash, JavaScript and CSS. Cette solution de remplacement typo n’offre que très peu de souplesse puisqu’elle impose l’utilisation de flash pour l’exportation au de la typo que l’on voudra utiliser. Cela suppose donc aussi que le plug-in flash soit installé sur le client web. Passons.

Cufón offre une alternative véritablement intéressante à sIFR. Pour atteindre ce niveau d’exigence, le cahier des charges était ambitieux :

1. Compatibilité native du client (pas de plug-ins)
2. Support de tous les navigateurs significatifs du marché
3. Facile d’utilisation (quasi zéro conf.)
4. Rapide même avec une importante masse de texte à gérer. Au suivant…

Google offre, par l’intermédaire du « Google Font API » une alternative simple à l’utilisation dans nos pages web, de typos plus exotiques que les polices systèmes. Techniquement cela consiste à créer un lien à une feuille de style hébergée chez google (href= »http://fonts.googleapis.com/css?family=Font+Name« >) spécifiant la famille de fontes que l’on veut utiliser et de déclarer la fonte dans les styles.

Selecteur CSS {
  font-family: 'Font Name', serif;
}

Le temps de chargement des fontes pose des problèmes d’affichage tant dans IE ainsi que sur Firefox et Safari. Les fontes disponibles sont limitées.

Le format WOFF

WOFF a été officiellement présenté au Groupe de travail sur les polices de caractères du W3C en avril 2010. De façon inattendue, Microsoft a co-parrainé la présentation avec Opera et Mozilla et a officialisé le soutien à WOFF qui est implémenté dans les versions de développement de IE9. WOFF sera le « format de transport » standard pour les polices. C’est déjà intégré dans Firefox 3.6 +, et les concepteurs de Chrome ont annoncé que, lui aussi, prendra bientôt en charge WOFF. WOFF, malheureusement, peut induire en erreur. Alors Il est important de clarifier WOFF en précisant ce qu’il n’est pas :Comme le format EOT (Embedded Open Type) un fichier WOFF est, essentiellement, un fichier de police zippée. C’est une enveloppe, ce n’est pas un format de police en soi : WOFF est composé d’un fichier TTF et de OTF (TrueType et OpenType Fonts). Dans la pratique, WOFF et EOT (Embed OpenType) sont très similaires et les taux de compression sont sensiblement les mêmes.

C’est compliqué et confus. De plus, la prise en charge reste encore aléatoire. Pour ne pas prendre de risques et simplifier les choses, il sera préférable d’attendre un véritable support clair des fontes par les différents navigateurs et leur propagation sur les postes clients. Pour l’heure l’utilisation de services comme Font squirrel , Fontue et consort sera très utile pour qui veut se lancer maintenant. En définitive, Cufón semble une alternative pertinente en attendant que « tout ça » murisse un peu.

Discussion

Postez le premier commentaire