Le b.a.-ba des polices variables : Comment débuter avec les polices variables ?
La typographie sur le Web a longtemps été considérée comme secondaire par rapport à la performance des pages, laissant les designers Web dans l’incapacité d’appliquer tous les principes typographiques, sauf les plus basiques, au contenu en ligne. Jusqu’à maintenant. Avec la nouvelle émergence du format de police variable, les designers peuvent à présent travailler pour le Web avec toute une famille de polices, comme ils le font pour les imprimés.
Qu’est-ce qu’une police variable ?
Une police variable encapsule toute une famille de polices, et pas seulement un style ou un modèle. Avec trois des quatre principaux navigateurs Web acceptant les polices variables et le dernier le pouvant bientôt, cette nouvelle technologie de polices est promise à un très bel avenir. Explorez les ressources ci-dessous et soyez prêts à vous lancer dès son arrivée !
Obtenir gratuitement la démo de FF Meta Variable
Assurez-vous de consulter la démo FF Meta de Jason Pamental pour voir la police en action et avoir accès à l’intégralité de l’échantillon HTML et CSS.
En téléchargeant la démo FF Meta Variable pour ordinateur de bureau ou en créant un lien vers les polices Web FF Meta Variable embarquées, vous acceptez les termes du CLUF (Contrat de Licence Utilisateur Final).
Quels sont les avantages des polices variables ?
Taille de fichier réduite
Une police variable est une police unique qui agit comme une combinaison de plusieurs : toutes les variations de largeur et de graisse, d’inclinaison et autres caractéristiques peuvent être contenues dans un fichier de police unique, hautement efficace et compressé.
Un seul fichier
Avec moins de demandes HTTP pour les actifs (fichiers de police), les polices variables offrent une économie globale de données à télécharger. Alors que ces libertés nous permettent de devenir plus expressifs, certaines des capacités les plus intéressantes seront de transformer l’expérience de lecture elle-même.
Un éventail de conception flexible
Pour tout design donné, le scénario typique serait de se limiter de 3 à 5 polices différentes, afin de représenter chaque aspect du langage et de l’identité visuelle design d’un site, y compris chaque permutation pour le corps du texte et les titres. Dans leur application la plus simple, les polices variables nous donneraient la liberté d’utiliser des graisses et des styles supplémentaires pour chaque niveau de texte.
Liens utiles et ressources.
Pour aller plus loin
De Neue à Now : Helvetica évolue pour le 21e siècle
De nombreuses agences et designers se sont habitués à la Neue Helvetica, sortie en 1983. Mais elle provient de l’ère de l’analogique. Voici quatre raisons pour lesquelles le moment est venu de passer à Helvetica Now, née à l’ère du numérique.
SST: une police universelle
La police SST s’attaque à un défi central de l’image de marque - l’universalité. La superfamille SST prend en charge plus de 90 langues, notamment le japonais, le thaï et l’arabe.