Il est important d’examiner attentivement les polices intégrées au Web avant de les implémenter sur votre page Web. Il y a quelques raisons pour lesquelles cela peut être utile et beau, mais de nombreux experts de la communauté de la conception Web estiment qu’ils devraient être évités.
Table des matières
Les avantages des polices Web intégrées
Les polices intégrées au Web sont le rêve d’un concepteur devenu réalité. Au lieu de se fier uniquement à quelques-unes des polices Web «standard» avec ou sans empattement, telles que Arial, Helvetica, Times New Roman, Georgia, etc., les concepteurs peuvent choisir les polices les plus ésotériques qu’ils souhaitent pour leurs pages Web, comme la police de type véritable graphite ou la police hulkamania. Les possibilités ne sont limitées que par votre imagination.
Normalement, l’utilisation de polices spécialisées nécessitait la création d’images, comme pour les bannières et les logos. Cela a limité l’utilisation globale de polices spéciales, car personne n’aime augmenter la taille de ses pages Web avec autant d’images qui pourraient facilement être remplacées par du texte. Avec l’utilisation de polices Web incorporées utilisant CSS, plutôt que d’utiliser des images, les polices peuvent être « True-Type » (un format standard qui est clairement rendu par les ordinateurs). C’est pourquoi, aujourd’hui, vous pouvez maintenant télécharger autant de polices spécialisées gratuites, telles que la police de texte de mariage gratuite, la police gratuite Dr. Seuss ou même les polices pour enfants gratuites.
L’utilisation de ces polices spéciales, selon les termes de la colonne de conception Web populaire A List Apart, «peut améliorer l’esthétique et augmenter la variété visuelle sur le Web». Mais tout le monde n’est pas satisfait de ce potentiel.
Les inconvénients: droit d’auteur et laideur
Certains estiment que l’utilisation arbitraire de polices intégrées enfreindra les droits d’auteur, car une partie du processus est que les utilisateurs téléchargent la police réelle sur leur ordinateur. Cela signifie qu’ils ont accès à une police pour laquelle ils n’ont pas payé et qu’ils n’ont pas de licence d’utilisation. Cela a naturellement bouleversé les typographes professionnels.
Cependant, il existe plusieurs typographes professionnels notables, tels que Ray Larabie, qui accordent une licence ouverte à des centaines de polices True Type de haute qualité pour une utilisation sur le Web. Ajoutez ceci aux nombreuses polices gratuites disponibles, comme les polices de texte de mariage gratuites ou les polices pour enfants gratuites, et les options sont nombreuses. La seule précaution qu’un concepteur devrait suivre est l’esthétique.
L’esthétique peut être un gros inquiétude, cependant. Au tout début du Web, l’utilisation du cligner tag et la rotation des logos flamboyants 3-d ont créé tout un genre de sites Web connus sous le nom de «sites Web qui sucent». De nombreux concepteurs professionnels estiment que les polices intégrées au Web ramèneront Internet à ces débuts, avec des polices scintillantes et d’autres polices inhabituelles jonchent le paysage Web. Il est assez préoccupant que certains internautes utilisent des navigateurs qui peuvent facilement désactiver les feuilles de style (comme Firefox, en utilisant la sélection Affichage – Style de page – Aucun style).
Il y a quelques raisons supplémentaires, plus techniques, pour éviter d’utiliser des polices d’incorporation plutôt que la dizaine de polices « standard ». La première est qu’elle présente une vulnérabilité aux virus, telle qu’une vulnérabilité selon laquelle les experts ont découvert une version d’Internet Explorer de MicroSoft. Bien que cette vulnérabilité particulière soit désormais corrigée, les polices intégrées restent la cible potentielle d’autres attaques de logiciels malveillants.
L’autre raison pour laquelle les polices intégrées devraient probablement être évitées est qu’elles ne fonctionnent pas encore sur tous les navigateurs. Alors qu’il est une partie de la spécification CSS2, le W3C est toujours en train de peaufiner les détails, et même lorsque cela se produit, tous les navigateurs n’adopteront pas cette norme. Il est important, et cela demandera plus de travail, de s’assurer que si la police spéciale sélectionnée ne s’affiche comme vous le souhaitez sur la page, qu’il se dégradera «gracieusement» – c’est-à-dire en une police qui rendra toujours votre contenu facile à lire.
Comment faire
Il existe de nombreux endroits sur le Web pour apprendre à inclure des polices incorporées dans vos feuilles de style CSS. A List Apart propose un tutoriel avec des exemples de code, tout comme SSI Developer.
Ce n’est pas aussi simple que de choisir une police. La police doit être convertie en un fichier que CSS peut traduire, qui est soit un ressource de police portable (.pfr) ou type ouvert intégrable (.eot n’est utilisé que pour Explorer 4.0 sous Windows). Une fois que les concepteurs de polices ont créé et stocké ces fichiers sur le Web, vous utilisez une construction CSS appelée font-face pour appeler la police que vous souhaitez dans votre page, en utilisant les balises de propriété typiques pour contrôler la taille, l’espacement, la couleur, etc.
Bien que l’utilisation de polices intégrées au Web soit plutôt simple, cela ne vaut peut-être pas la peine pour de nombreux sites, simplement en raison du manque de compatibilité de nombreux navigateurs. Cependant, une chose ne peut être niée: les concepteurs Web ont certainement un autre pinceau disponible sur leur palette pour créer de belles pages sur Internet.
Lisez plus d’astuces sur le design web ici, et n’oubliez pas de partager l’article sur Facebook !
