Depuis le début l'arrivée de l'ère du web, les codeurs HTML et les graphistes ont cognés têtes à propos des police de caractères. La bataille pourrait-être bientôt terminée, et les deux parties sortiront gagnants.
Les concepteurs graphiques et les programmeurs sont des bêtes complètements différentes. Sans peindre tout le monde du même pinceau, on peut grossièrement qualifier les gens selon leur appellation de poste. Les programmeurs ont tendance à être plus pragmatique, où les concepteurs graphiques sont souvent plus idéalistes. Évidemment, il y a de nombreuses exceptions à cette « règle », et ce n'est pas tout le monde entre dans le moule analytique versus artistique. Et quelques gens exceptionnels réussissent à utiliser à la fois leur cerveau gauche et droit.
Pourtant, quiconque qui a travaillé pour une compagnie de création de site web d'une certaine ampleur (pas pigiste) où chacun a un rôle clairement définis, vous avez certainement vu ces personnalités distinctes s'affronter. Un point de discorde fréquent tourne autour de la typographie. Le premier problème est l'éventail limité de polices de caractères pour le web offertes par la panoplie de navigateurs sous différentes plateformes. Le second est le rendu horriblement mauvais affiché par la plupart des navigateurs.
Une telle bataille a eu lieu ici même chez Adeo récemment concernant le menu en haut de la page. Les plaintes ont été exprimées étaient: "Ils ne ressemblent pas à la maquette» et «ils sont trop pixélisés ». Auquel un programmeur répondrait "Et quoi alors? C'est est le Web, et non Photoshop". Alors on a décidé de le corriger ça pour de bon, et bientôt.
Maintenant, si cela était tout autre texte sur la page, ça ne serait pas un problème important. On pourrait simplement compromettre, et créer une image contenant le texte dans Photoshop. Mais ceci est un texte stockée dans la base de données à partir du système de gestion de contenu; donc il doit être dynamique. Et voilà le défi pour lequel aucune solution idéale existe. Toutefois, l'avenir s'annonce beaucoup mieux car les navigateurs continuent à améliorer leur soutien typographique. Voici un tableau des solutions actuellement possible.
Solution | Avantages | Désavantages |
Génération d'images dynamiquement du côté serveur. |
|
|
CSS @font-face |
|
|
Rendu par HTML 5 canvas / VML |
|
|
Gagnant: Le rendu par HTML 5 canvas / VML - ceci offre simplement une meilleure compatibilité dans une variété de navigateurs. C'est fantastique! Ça génère de belles polices de tout genre, magnifiquement anticrénelée. Les deux meilleures bibliothèques pour la réalisation de cette technique sont les suivantes:
Typeface.js
Recommandé pour les polices libres
TypeKit
Offre une solution au problème de license...avec des frais supplémentaires.
Les perdants: La génération côté serveur ce n'est que du mauvais bidouillage. Et bien que @ font-face soit sans doute l'avenir, ça fait partie de la spécification CSS3. Est ce n'est pas bien pris en charge pour le moment; ça nécessite vraiment un navigateur ultra-moderne.
Et qu'en est-il de ces fameux problèmes de licence? Eh bien, il faut absolument faire attention. Vous ne pouvez vous hâter à saisir et convertir toutes forme de polices qui réside sur votre ordinateur. Bien que ce soit techniquement possible, vous empiétez presque certainement sur les droits d'auteur
Avec le temps, les licences se rattraperont, et seront plus claires au sujet de l'utilisation sur le Web, mais pour l'instant il faut s'en tenir à des polices libres. Faites le, et vous rendrez toute forme de concepteurs de sites web heureux!
