Choix des caractères d'affichage pour le web

La typographie sur le Web a progressé à pas de géant, tant sur le plan technique que créatif. La disponibilité de l’affichage polices optimisé spécifiquement pour le Web a considérablement augmenté la liberté typographique. Les navigateurs avancés ont maintenant la capacité d’afficher les chargements dynamiques. polices, afin que la typographie sur le Web puisse atteindre des niveaux d’excellence qui n’étaient pas possibles auparavant. Par conséquent, la sélection de polices car l’utilisation de l’écran est devenue une tâche aussi vaste et aussi importante qu’elle l’a toujours été pour l’impression.

Choisissez des polices de caractères qui évoquent l'ambiance et le ton du contenu, comme le montrent les mots illustrés dans les polices Burlingame®, Mandevilla™ et Charcuterie Etched.

Utilisation du Web polices pour l’affichage est préférable à l’utilisation de web-safe polices ou à la conversion de type en image statique, pour plusieurs raisons :

Web polices offrent le potentiel créatif de solutions originales et d’une plus grande expressivité – ce qui est utile pour attirer les téléspectateurs dans l’environnement hautement concurrentiel du Web – par rapport à la palette extrêmement limitée de « web-safe » polices.
Le type d'affichage défini en tant que copie vivante, par opposition à la conversion en image statique, est adapté aux moteurs de recherche. Il est également modulable, modifiable et se charge plus rapidement que la plupart des graphiques.
À des fins d’image de marque, le large choix de polices disponibles à la fois pour le Web et desktop l’utilisation facilite la cohérence. Les supports marketing, les campagnes publicitaires et d’autres communications clés peuvent avoir le même aspect à la fois sur papier et sur le Web, renforçant ainsi l’identité de la marque.

Avant de choisir un caractère d'affichage pour le Web, il convient d'examiner les objectifs du projet dans son contexte le plus large :

Quel est le public visé ? Le choix d'une police de caractères qui plaira à la personne que vous souhaitez attirer est un excellent point de départ, tout en gardant à l'esprit que la police doit également être adaptée au contenu et à l'objectif.
Le projet a-t-il des exigences en matière de marque de caractères et/ou des lignes directrices en matière de style ? Dans l'affirmative, respectez ces paramètres et utilisez les versions optimisées pour le web qui sont autorisées pour cet usage.
Combien de graisses sont nécessaires ? Une seule graisse ou version peut suffire pour un titre unique ou récurrent, mais certains projets peuvent bénéficier d'un italique ou de graisses supplémentaires pour l'accentuation, les sous-titres ou d'autres traitements. Gardez à l'esprit que les graisses et versions extrêmes (très légères, très condensées, etc.) doivent être évitées, car elles ont tendance à ne pas s'afficher clairement sur les petits écrans.
Avec quelles autres polices de caractères les paramètres d’affichage seront-ils combinés ? Assurez-vous que votre écran polices Combinez bien avec le traitement du corps du texte.
Existe-t-il des exigences en matière de multilinguisme ? Dans l'affirmative, veillez à sélectionner une police de caractères qui prenne en charge les langues nécessaires.

Réfléchissez à l'avance au nombre de graisses dont vous pourriez avoir besoin pour un paramètre d'affichage sur le Web. Alors que le caractère Fling™ n'est disponible qu'en une seule graisse, la famille Samantha comporte quatre versions qui peuvent être utiles pour des traitements typographiques multiples ou hiérarchiques.

Comme toujours, visualisez vos polices de caractères potentielles sur le plus grand nombre d'appareils et d'environnements possible, de la basse à la haute résolution, et de la plus grande à la plus petite taille de caractères, afin de vous assurer que vos sélections conservent leur lisibilité et vous permettent d'atteindre vos objectifs. Prendre le temps d'explorer toutes les possibilités de conception, ainsi que les questions techniques et de performance, dès le début du processus, garantira les résultats les plus efficaces.

Choisissez des modèles de présentation qui se combinent ou contrastent harmonieusement avec la ou les police(s) de caractères choisie(s) pour le texte. Les deux exemples du haut utilisent des caractères contrastés pour le texte et l'affichage (le caractère DIN Suivante avec les dessins PMN Caecilia® eText, et le dessin Hummingbird avec le caractère Gill Sans® ), tandis que l'exemple du bas utilise deux graisses de la même famille (le dessin ITC Woodland™ ).

Toutes les marques déposées sont la propriété de leurs détenteurs respectifs. Des informations complémentaires concernant les marques de Monotype sont disponibles sur le site monotype.com/legal. Fontology est une marque commerciale de Monotype Imaging et peut être déposée dans certaines juridictions.

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.