Comment choisir des polices pour votre site web

Certaines polices ne fonctionnent pas bien sur des sites Web. Malheureusement, trop de polices existent de nos jours pour vous de trouver une liste complète de ceux qui font et ceux qui ne le font pas. Aussi, il est important de comprendre que les polices, comme la mode, vont dans et hors de style pour l'utilisation sur le web (pour un exemple rapide d'une police démodée, il suffit de faire une recherche sur Comic Sans). Mais il ya quelques directives générales pour vous aider à sélectionner les bonnes polices pour différentes applications.

Sommaire

Standard par opposition polices d'affichage dans la conception web

Afin de choisir la bonne police pour votre site, vous devez vous familiariser avec les différentes catégories de polices. En règle générale, vous devez utiliser les polices standard pour les pages de corps de texte et réserver les polices fantaisistes ou décoratifs, souvent appelé afficher les polices, pour les titres courts, des légendes, et des sous-titres.

image0.jpg

Les polices standard comprennent Garamond, Times, la Géorgie, Arial, Helvetica, et Verdana, qui ont été conçus pour une lisibilité et bien travailler pour les grands blocs de texte. Ils sont les polices communes que beaucoup de gens ont entendu parler. Il existe un certain nombre de polices, toutefois, que dans la tombe “ norme ” catégorie avec les noms que vous ne pouvez pas reconnaître.




Poids de police pour le corps du texte sont généralement appelés romaine, du corps, ou régulier. Les lecteurs ne sont pas distraits par la conception de ces polices classiques, leur permettant de se concentrer sur le texte à portée de main. Les polices standard sont conçus pour faciliter la lecture, de sorte qu'ils fonctionnent bien dans les tailles de points plus petites et dans les grandes blocs de texte.

Polices fantaisistes, d'autre part, ou d'autres variantes de poids d'une police comme les caractères gras, Bold, noir, et Ultra, ont beaucoup de détail et de la personnalité, idéal pour les titres et intertitres plus grand ensemble composé de quelques mots. Ces polices attirer l'attention des gens, mais ils ne sont pas conçus pour une longue page de texte. Vous pouvez souvent distinguer les polices décoratives simplement par leurs noms, tels que Kid Imprimer, Comic Sans, et ainsi de suite (voir la figure suivante).

image1.jpg

L'épaisseur de la police sur le web

L'épaisseur de chaque lettre individuelle (ou poids de ligne) Contribue grandement à la lisibilité d'une police. Parce pixels sur les ordinateurs ne sont pas comparativement très petite, les polices qui sont trop minces peuvent disparaître dans l'oubli, surtout à de plus petites tailles.

Si vous examinez toutes les polices, vous remarquez que l'épaisseur varie dans chaque lettre. Par exemple, jetez un oeil à la lettre m dans l'exemple, ci-dessous. La lettre se trouve dans quelques polices de caractères différents pour la comparaison. Certaines polices, telles que Kepel Téméraire (l'exemple à l'extrême gauche), changent radicalement entre les zones épaisses et minces d'une seule lettre. Lors d'une petite taille de point, pour la lettre m, tout ce que vous voyez est une goutte de trois coups audacieux - les traits fins disparaissent complètement. Lors du choix de polices pour le texte de petite taille point, par conséquent, trouver des versions qui ne possèdent pas une grande variation dans l'épaisseur du trait. Aussi, évitez de le “ léger ” éditions de polices - ils sont trop minces pour être lu à une petite taille de point. (La plupart des familles de polices sont disponibles dans une variété d'épaisseurs, allant de la lumière pour le plus mince de l'ensemble de gras, noir, et ultra pour le poids de la ligne progressivement plus lourd.)

image2.jpg

Serif par rapport polices sans-serif dans la conception web

Votre formation de la police ne sera pas complète jusqu'à ce que vous connaissez la différence entre serif et sans-serif. UN serif est le petit rebord qui orne les conseils d'une lettre. Sans-serif polices, d'autre part, ne possèdent pas ces rebords. Certaines polices modernes sans-serif ne disposent petits embellissements sur leurs conseils, vous faire regarder à deux fois, mais ils sont les polices sans-serif encore considérés. Les deux polices serif et sans empattement, peuvent être utilisés pour de plus grands blocs de copie de corps. Typiquement, les polices serif donnent la page un look plus conservateur, chic, ou newsy, tout en utilisant les polices sans empattement, donne un nettoyeur, touche plus moderne.

image3.jpg

Les polices sur les listes ont tous survécu à la Essai de 10 points: Ils sont tous lisible lorsque fixé à seulement 10 points, ce qui est la plus petite taille de la police pour le texte que vous devriez jamais prendre en compte pour le corps du texte dans la conception web (le meilleur de fixer à 11 points au moins).

Essayez de mélanger serif et sans-serif ensemble. Par exemple, utiliser un style pour des rubriques 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 de l'élément de type - permet d'ajouter un intérêt visuel à la page, comme dans l'exemple suivant.

Comment choisir des polices pour votre site web

» » » » Comment choisir des polices pour votre site web