Jetez un coup d'œil sur tous les sites Web, quels que soient leur secteur d'activité, leur taille ou d'autres facteurs de différenciation. Vous êtes assurés de constater qu'ils ont en commun le contenu textuel. La façon dont le texte est affiché est la pratique de la conception typographique et constitue l'un des aspects les plus importants de l'apparence et de la convivialité d'un site, ainsi que de son succès.
Pendant de nombreuses années, les concepteurs Web étaient limités dans le nombre de polices qu'ils pouvaient utiliser s'ils souhaitaient que ces polices apparaissent de manière fiable sur les sites Web qu'ils créaient. Ces polices trouvées sur la plupart des ordinateurs étaient appelées «polices Web sécurisées». Vous avez peut-être déjà entendu parler de ce terme par un concepteur de sites Web alors qu'il tentait de vous expliquer pourquoi un choix de police ne pouvait pas être utilisé dans la conception de votre site.
La typographie Web a parcouru un long chemin au cours des dernières années, et les concepteurs et les développeurs Web ne sont plus limités à l’utilisation d’une poignée de polices Web sécurisées. La montée en puissance des polices Web et la possibilité de créer des liens directs vers des fichiers de polices ont ouvert un tout nouveau monde de possibilités d'utilisation des polices de sites Web. Aussi utiles que cela soit pour avoir maintenant accès à un grand nombre de nouvelles polices, ces polices éprouvées et sécurisées pour le Web occupent toujours une place importante dans la conception Web moderne.
Liaison à des polices Web
Si vous utilisez des polices sur votre site qui ne sont peut-être pas sur l'ordinateur de quelqu'un, vous devez créer un lien vers un fichier de police Web et demander à votre site Web d'utiliser ce fichier de police au lieu de regarder sur l'ordinateur des visiteurs. La liaison à ces polices externes, qui sont incluses avec le reste des actifs de votre site ou qui peuvent être liées à l'utilisation d'un service de polices tiers, vous offre un choix de polices presque illimité, mais cet avantage a un prix. Les polices externes doivent être chargées sur un site, ce qui aura un impact sur les temps de chargement d'une page Web. C’est là que les polices Web sécurisées peuvent toujours être un avantage! Comme ces fichiers de polices sont chargés directement à partir de l'ordinateur du visiteur, les performances ne sont pas affectées par le chargement du site Web. C’est la raison pour laquelle de nombreux concepteurs de sites Web utilisent désormais un mélange de polices Web qui doivent être téléchargées à côté de ces polices Web sécurisées fiables. Cela peut constituer le meilleur des deux mondes, car vous avez accès à des polices nouvelles et exotiques tout en restant capable de gérer les performances du site et l'impact global du téléchargement.
Polices Sans Serif Web Safe
Cette famille de polices est l’un de vos meilleurs atouts pour les polices Web sécurisées. Si vous les incluez dans vos piles de polices, presque toutes les personnes verront la page correctement. Certaines polices sûres Web sans-serif courantes sont:
- Arial
- Noir arial
- Tahoma
- Trébuchet MS
- Verdana
La liste ci-dessous répertorie certains autres choix sans serif qui vous donneront une bonne couverture globale, mais qui pourraient ne pas figurer sur certains ordinateurs. N'oubliez pas que si vous les utilisez, vous devez également inclure une sauvegarde plus courante en tant que sauvegarde dans la liste ci-dessus dans votre pile de polices.
- Siècle gothique
- Genève
- Lucida
- Lucida Sans
- Lucida Grande
Polices Serif Web Safe
Outre les polices sans-serif, la famille de polices serif est un autre choix populaire pour les sites Web. Voici quelques-uns de vos paris les plus sûrs à utiliser si vous voulez une police avec empattement:
- Courrier
- Courier New
- Géorgie
- Fois
- Times New Roman
Une fois encore, la liste ci-dessous répertorie les polices qui figureront sur de nombreux ordinateurs, mais dont la couverture globale est inférieure à celle indiquée ci-dessus. Vous pouvez utiliser ces polices de manière assez fiable, mais vous devez également inclure une police serif plus courante (figurant dans la liste ci-dessus) dans votre pile de polices.
- MS Serif
- New York
- Palatino
- Linotype Palatino
Monospace Fonts
Bien qu'elles ne soient pas aussi largement utilisées que les polices serif et sans-serif, les polices à espacement fixe sont également une option. Ces polices contiennent des lettres espacées de manière égale. Leur acceptation n’est pas aussi large sur toutes les plateformes, mais si vous souhaitez utiliser une police monospace, voici vos meilleurs choix:
- Courrier
- Courier New
Ces polices ont également une certaine couverture.
- Console Lucida
- Monaco
Polices Cursives et Fantastiques
Les polices cursives et fantasy ne sont pas populaires en tant que serif ou sans-serif, et la nature ornée de ces polices les rend inappropriées pour une utilisation en tant que corps de texte. Ces polices sont plus souvent utilisées comme titres et titres lorsqu'elles sont définies dans des tailles de police plus grandes et uniquement pour de courtes rafales de texte. Stylistiquement, ces polices peuvent sembler très chouettes, mais vous devez comparer l’apparence de la police par rapport à la lisibilité du texte que vous définissez avec.
Une seule police cursive est disponible sous Windows et Macintosh, mais pas sous Linux. C'est Comic Sans MS. Il n'y a pas de polices fantasy offrant une bonne couverture sur les navigateurs et les systèmes d'exploitation. Cela signifie que si vous utilisez des polices cursives de fantasy sur votre site Web, vous les utilisez probablement comme polices Web et vous liez au fichier de police approprié.
Smartphones et appareils mobiles
Si vous concevez des pages pour des appareils mobiles, les choix de polices Web sécurisées sont variables. Pour les appareils iPhone, iPod et iPad, les polices courantes incluent:
- Arial
- Courrier
- Courier New
- Géorgie
- Helvetica
- Palatino
- Times New Roman
- Trébuchet MS
- Verdana
Les polices Web constituent un excellent choix lorsque vous envisagez une conception multi-périphérique, car le fait de pouvoir charger des polices externes vous donnera un aspect beaucoup plus cohérent d'un périphérique à l'autre. Vous pouvez ensuite tempérer ces polices téléchargées avec un ou deux choix Web sécurisés pour obtenir l'aspect et les performances dont votre site a besoin pour réussir.
Article original de Jennifer Krynin. Édité par Jeremy Girard le 8/8/17
