Polices sur le Web : Web-safe Polices
par Ilene Strizver
Pourquoi ne pouvez-vous pas utiliser n'importe quel polices sur un site web... ou le pouvez-vous ? Quels sont les sites polices que vous pouvez utiliser facilement, en toute sécurité et de manière fiable ? Les "merveilles du web" impliquent toujours des problèmes techniques et des défis en matière de conception. L'un des principaux - pour les concepteurs - a toujours été le choix limité de police sur le Web.
Dans l'imprimé, "ce que vous voyez" est vraiment "ce que vous obtenez". Sur le web, cependant, ce n'est pas exactement le cas. Pour que tous les internautes voient ce que le concepteur voit, il faut soit que tous les internautes aient installé sur leur ordinateur l'ensemble des pages polices (connues sous le nom de polices), soit que les pages polices (connues sous le nom de polices) soient toutes accessibles à partir d'une page server distante, au moyen d'une nouvelle technologie révolutionnaire expliquée plus en détail dans ce document. Si les polices utilisés dans une page web ne sont pas accessibles à tous les visiteurs par l'un ou l'autre des scénarios mentionnés ci-dessus, les polices seront remplacés par défaut par quelque chose d'autre dans leurs systèmes respectifs, ce qui peut avoir des résultats inattendus et souvent indésirables. C'est la raison pour laquelle la plupart des concepteurs de sites web s'en tiennent actuellement à l'adresse polices , qui est commune à la plupart des navigateurs Mac® et PC.
Sécurité sur le web polices
Le site polices comprend des caractères avec empattement, sans empattement et des symboles. Si certaines d'entre elles ont été conçues à l'origine pour l'impression, d'autres ont été conçues spécifiquement pour la lisibilité à l'écran.
Sans Serif
La police de caractères Verdana® est largement considérée comme la plus lisible des polices de caractères sûres pour le web. Son concepteur a veillé tout particulièrement à ce que le texte reste lisible à l'écran, même en petite taille (à l'écran). Verdana offre une hauteur x élevée, une largeur confortable et un espacement ouvert entre les lettres.
Le caractère Trebuchet® MS conserve également sa clarté et sa lisibilité en petite taille sur le Web. Elle est légèrement plus étroite que la Verdana, ce qui permet de faire tenir plus de texte dans le même espace. Ses terminaisons de traits incurvées et son "g" minuscule inhabituel lui confèrent un caractère un peu plus distinctif que Verdana.
La police de caractères Arial® n'a pas été (spécifiquement) conçue pour le Web. Cependant, ce sans très lisible fonctionne bien sur le Web. L'Arial est similaire à l'Helvetica en termes de largeur et d'espacement, mais avec une légère modification des caractères. (Voir Arial vs. Helvetica)
Sérif
La police de caractères Georgia® a été conçue pour le Web comme une alternative à la police Times New Roman® police. Les formes de lettres et l'espacement de la Georgia sont ouverts, ce qui la rend nette, propre et facile à lire sur le web, même en petite taille.
Le Times New Roman® a été conçu pour l'impression et, pour cette raison, n'est pas le plus facile à lire sur le Web, en particulier dans les petites tailles. Si vous aimez l'aspect du Times New Roman mais que vous avez besoin de quelque chose de plus robuste, essayez plutôt le Georgia.
Tous les polices ci-dessus sont disponibles en version normale et en version grasse avec italique.
Symbole polices
Les caractères Webdings, Wingdings et ITC Zapf Dingbats® sont inclus dans la plupart des systèmes d'exploitation. Ils contiennent de nombreux graphiques utiles, des étoiles, flèches et flocons de neige aux bulles de pensée, en passant par les formes géométriques et les interbandes. Notez que ces noms police peuvent apparaître comme des symboles lorsqu'un menu police est affiché en WYSIWYG.
Type de graphique
Il existe un moyen de contourner ces limitations créatives. Vous pouvez bénéficier d'une liberté totale dans le choix de votre police de caractères pour un titre, un logo, une barre de navigation ou tout autre type d'utilisation en la convertissant en graphique. Votre fichier peut se présenter sous la forme d'un .gif, d'un .jpg ou d'un .png. Vous pouvez ainsi combiner du texte avec des images, des textures et des motifs et profiter d'autres approches créatives pour un site web.
Mais avant de vous lancer dans la création de nombreux graphiques, gardez à l'esprit les trois points suivants :
- ils sont plus lents à charger qu'un texte simple
- ils ne sont pas facilement modifiables
- ils ne sont pas consultables par les moteurs de recherche
C'est pourquoi la plupart des sites web combinent du texte et des graphiques afin d'obtenir un équilibre entre lisibilité, créativité et facilité de navigation.
- Note de la rédaction: Ilene Strizver, fondatrice de The Type Studio, est une consultante en typographie, une conceptrice et une rédactrice spécialisée dans tous les aspects de la communication typographique. Elle anime des ateliers de typographie gourmande dans le monde entier. Pour en savoir plus sur la typographie, lisez son dernier ouvrage, Type Rules ! The designer's guide to professional typography, 4e édition, publié par Wiley & Sons, Inc. Cet article a été commandé et approuvé par Monotype Imaging Inc.