Qu'est-ce qui compte vraiment avec webfonts?
Qu'est-ce qui compte vraiment avec webfonts?
Jason Smith Partage des connaissances
Nous avons beaucoup évolué depuis l'époque où le site web polices était sûr et il existe aujourd'hui un vaste choix de polices de caractères. La différence entre ce que nous voyons en ligne et ce que nous voyons à l'impression est encore grande, mais l'écart se réduit-il au fur et à mesure que la technologie progresse ? Selon les archives HTTP 60 % des sites web utilisent aujourd'hui le format personnalisé polices/embedded webfonts , mais il existe encore de nombreuses idées fausses sur ce qui fonctionne en ligne. Les choses évoluent rapidement et les règles changent en permanence. Si l'on ajoute à cela des conseils confus et souvent contradictoires dans diverses publications et blogs, il peut être difficile de savoir quelles sont les meilleures pratiques actuelles.
Les marques optent donc pour ce qu'elles considèrent comme un choix sûr et ratent une occasion en or de se démarquer de leurs concurrents, alors que la police de caractères est souvent le seul atout visible de la marque. Certaines des polices les plus utilisées ( polices ), comme Arial et Helvetica, ne sont pas les plus lisibles et les coûts de licence pour les polices de caractères omniprésentes sur les sites web peuvent être très élevés. On accorde trop d'importance à la conception de polices pour les très petits écrans. La conception de la marque et de l'interface utilisateur devrait exposer l'architecture de la marque à travers tous les points de contact et, si elle est conçue correctement, la marque polices devrait se traduire aussi bien vers le bas que vers le haut. L'interface, le design UX et la typographie ne consistent pas à rendre le site police aussi petit et clair que possible. Il s'agit de rendre l'information aussi claire que possible. La taille est importante en ligne comme elle l'est dans l'impression, alors soyez raisonnable avec les tailles .px et .pt.
Il est communément admis que les caractères sans empattement sont le choix le plus sûr pour plusieurs tailles d'écran, mais la vérité est que les caractères avec empattement bien conçus ( polices ) peuvent également fonctionner et améliorer la lisibilité des textes plus longs. Pour ajouter un peu plus de confusion, toutes les fonderies proposent webfonts , mais certaines se spécialisent dans les versions web de leurs caractères, tandis que d'autres conçoivent spécifiquement pour le web.
Quels sont donc les éléments les plus importants à prendre en compte ? Voici mes meilleurs conseils :
1. La lisibilité est et restera toujours importante. Les principaux éléments à prendre en compte sont une grande hauteur x, une faible ambiguïté entre les caractères et l'ouverture des guichets et des terminaux. Ces éléments sont également importants pour les documents imprimés hors ligne, mais en ligne, il y a davantage de variables à prendre en compte, comme la taille des écrans et les effets des affichages rétroéclairés. Il vaut la peine de se demander qui est votre public, quels appareils il utilise et comment rendre votre contenu aussi accessible que possible. Pour plus de détails, consultez cet article sur le choix de polices de caractères accessibles.
2. Licence : La plupart des licences de webfont sont basées sur le nombre de pages vues par mois et les coûts peuvent être très élevés pour les sites web populaires. Il est donc important de connaître votre trafic actuel et futur et de savoir comment il peut influer sur le prix des options que vous envisagez. Les modèles d'abonnement peuvent sembler rentables, mais ils sont généralement plus adaptés aux petites entreprises. Pour les grandes marques, les frais ont tendance à être énormes et ne sont parfois appliqués qu'après un an, alors que la marque s'est déjà engagée. Il est important de lire les petits caractères et de vérifier les frais supplémentaires tels que l'utilisation de police sur des applications ou plus d'un sous-domaine.
3. Vérifiez quelles sont les langues prises en charge. Même si vous n'opérez que dans un seul pays, avez-vous des projets d'expansion dans d'autres pays et cela pourrait-il poser des problèmes si, par exemple, le russe n'est pas pris en charge alors qu'il s'agit d'un domaine potentiel de croissance ? L'adaptation des polices de caractères (lorsqu'une alternative similaire est trouvée) est souvent suffisante pour les langues dont la structure est très différente de celle du latin, comme le chinois ou l'arabe, et peut s'avérer plus rentable.
4. Les graisses sont très importantes. Sur le web, il doit y avoir une grande différence entre Regular et Bold. La couleur et l'anti-crénelage ont un effet sur l'explosion des pixels et le remplissage. Les arrière-plans positifs et négatifs doivent également être testés, car ils peuvent faire apparaître les graisses très différemment. Des caractères comme FS Untitled® ou FS Millbank®qui présentent un grand nombre de variations de graisses, peuvent aider à résoudre ces problèmes et à obtenir un meilleur résultat global.
5. Il y a deux options principales d'hébergement à considérer : L'auto-hébergement ou l'hébergement par l'intermédiaire d'un tiers comme Adobe TypeKit. Avec cette dernière option, vous ne recevez pas les fichiers police vous-même, mais un petit bout de code à placer sur votre site web. Le principal avantage de cette option est qu'elle peut être considérablement moins chère pour les petits sites et que vous avez accès à de nombreuses polices de caractères provenant de différentes fonderies. L'avantage de l'auto-hébergement est que vous obtenez vous-même une licence pour les fichiers police , ce qui signifie que vous n'avez pas à dépendre d'un service tiers pour faire fonctionner votre site polices .
6. Indication : Malgré l'amélioration de la résolution des écrans, police , la mise en évidence des caractères reste un processus essentiel. Une fois que le caractère a été conçu, il est ajusté pour une lisibilité maximale sur les écrans d'ordinateur en tenant compte de la manière dont les formes sont rendues lorsqu'elles sont converties en groupes de pixels. Cette opération prenait autrefois beaucoup de temps, mais aujourd'hui, l'ajustement manuel complet est beaucoup plus simple et ne devrait pas coûter les yeux de la tête. La plupart des fonderies automatisent le processus d'indication et ont mis en place des astuces astucieuses qui permettent d'obtenir un résultat tout à fait convenable. Certaines polices de caractères sont conçues pour être compatibles avec les pixels dès le départ, ce qui réduit encore davantage la nécessité de recourir aux indices.
7. Taille du fichier police Contrairement aux images, la taille des fichiers des polices de caractères est généralement relativement faible, mais les temps de chargement sont importants et il convient donc de les réduire au minimum. Veillez à acheter une véritable licence de police de caractères pour le web, car les fichiers auront été correctement optimisés par le concepteur de la police de caractères pour une efficacité maximale. La conversion des fichiers desktop en WOFF ou EOT à l'aide d'un logiciel tiers peut augmenter la taille du fichier (et constitue une violation flagrante des conditions de la licence).
Globalement, à mesure que les écrans et la technologie s'améliorent à pas de géant, le choix de police s'élargira et les marques numériques commenceront à se distinguer de plus en plus les unes des autres.