Choisir les polices pour votre site Web - Les nuls

Certaines polices ne fonctionnent pas bien sur les sites Web. Malheureusement, il y a trop de polices ces jours-ci pour que vous trouviez une liste complète de celles qui le font et celles qui ne le sont pas, et il est important de comprendre que les polices, comme la mode, entrent et sortent du style pour être utilisées sur le web (pour un exemple rapide d'une police démodée, il suffit de faire une recherche sur Comic Sans.) Mais il y a quelques directives générales pour vous aider à sélectionner les bonnes polices pour différentes applications.

Standard par rapport aux polices d'affichage dans la conception de sites Web

Pour choisir la bonne police de caractères pour votre site Web, vous devez connaître les différentes catégories de polices.En général, vous devez utiliser des polices standard pour les pages de texte et réserver les polices, souvent appelées polices display , pour les titres, légendes et sous-titres courts

Polices standard inclure Garamond, Times, Géorgie, Arial, Helvetica, et Verdana, qui ont été conçus pour la lisibilité et fonctionnent bien pour les blocs de texte plus volumineux. Ce sont des polices courantes dont beaucoup ont entendu parler. Cependant, il y a un certain nombre de polices qui tombent dans la catégorie "standard" avec des noms que vous ne pouvez pas reconnaître.

Les poids de police pour la copie de corps sont généralement appelés Roman, Corps ou Regular. Les lecteurs ne sont pas distraits par la conception de ces polices classiques, ce qui leur permet de se concentrer sur le texte à portée de main. Les polices standard sont conçues pour une lecture facile, de sorte qu'elles fonctionnent bien dans les tailles de point plus petites et dans les plus gros blocs de texte.

Les polices plus sophistiquées, ou d'autres variantes de grammage telles que Bold, Condensed, Semi Bold, Black et Ultra, ont beaucoup de détails et de personnalité, idéales pour les plus grands titres et sous-titres composés de quelques mots. Ces polices attirent l'attention des gens, mais elles ne sont pas conçues pour une longue page de texte. Vous pouvez souvent distinguer les polices décoratives par leurs noms, tels que Kid Print, Comic Sans, etc. (voir la figure suivante).

Épaisseur de la police sur la bande

L'épaisseur de chaque lettre individuelle (ou poids de la ligne ) contribue grandement à la lisibilité de la police. Parce que les pixels sur les ordinateurs ne sont pas relativement petits, les polices trop fines peuvent disparaître dans l'oubli, en particulier à des points plus petits.

Si vous examinez une police, vous remarquerez que l'épaisseur varie dans chaque lettre. Par exemple, regardez la lettre m dans l'exemple ci-dessous. La lettre est définie dans quelques caractères différents à des fins de comparaison. Certaines polices, telles que Kepel Bold (l'exemple à l'extrême gauche), changent radicalement entre les zones épaisses et minces d'une seule lettre.À une petite taille de point, pour la lettre m , tout ce que vous voyez est une goutte de trois coups audacieux - les traits minces disparaissent complètement. Lorsque vous choisissez des polices pour un texte de petite taille, recherchez donc les versions qui n'ont pas une grande variance dans l'épaisseur du trait. Évitez également les éditions «légères» des polices - elles sont trop fines pour être lues à une petite taille. (La plupart des familles de polices ont des épaisseurs variées, allant de la lumière pour les plus minces à du gras, noir et ultra pour un poids de ligne de plus en plus lourd.)

Polices Serif versus sans-serif dans la conception Web

L'éducation des polices ne sera pas complète tant que vous ne connaîtrez pas la différence entre les polices serif et sans-serif. Un serif est le petit rebord qui orne les extrémités d'une lettre. Les polices Sans-serif , en revanche, n'ont pas ces rebords. Certaines fontes sans empattement modernes ont de petits embellissements sur leurs conseils, vous faisant paraître deux fois, mais elles sont toujours considérées comme des polices sans empattement. Les polices serif et san-serif peuvent être utilisées pour les gros blocs de corps. En règle générale, les polices serif donnent à la page un aspect plus conservateur, élégant ou nouveau, tandis que l'utilisation de polices san-serif donne une impression plus propre et plus moderne.

Les polices des listes ont toutes survécu au test en 10 points : elles sont toutes lisibles à 10 points, ce qui correspond à la plus petite taille de police pour le texte à prendre en compte conception de sites Web (il est préférable de définir au moins 11 points).

Essayez de mélanger les polices serif et sans-serif ensemble. Par exemple, utilisez un style pour les en-têtes et l'autre style pour le corps du texte. Le choix d'un ensemble de deux à trois polices pour votre site Web (un pour chaque type différent d'élément de type) permet d'ajouter un intérêt visuel à la page, comme dans l'exemple suivant.

Crédit: © Swiss Water Café décaféiné