Des polices variables pour un monde variable
Des polices variables pour un monde variable
Phil Garnham Partage des connaissances
Nous vivons désormais dans un monde variable où les structures de conception s'adaptent à leur environnement, où la conception est optimisée et ciblée, et où le texte est dynamique et s'ajuste au contexte. Jamais auparavant les systèmes du langage visuel n'ont été aussi adaptatifs et réactifs. Et si les polices de caractères pouvaient elles aussi s'adapter ?
Les polices de caractères ont désormais la capacité de s'adapter à la lumière, à la distance, au son, au mouvement... Nous pouvons nous concentrer sur une fonctionnalité précise ou créer des possibilités d'expression inattendues, ou les deux. Et le plus beau, c'est que les capacités d'une police variable sont regroupées dans un seul fichier de police de petite taille.
Notre logo responsive pour Amsteldok réagit au mouvement et à l'heure de la journée.ici.
Qu'est-ce qu'une police variable ?
Aujourd'hui, nous sommes habitués à accorder des licences pour des fichiers de police où chaque style est un fichier séparé. Une police variable peut regrouper une famille complète de styles dans un petit fichier de police TrueType ou WOFF2 optimisé : un fichier de police unique qui fonctionne comme une famille complète de polices, mais qui offre bien plus aux créatifs.
Qu'est-ce qu'un axe ? Qu'est-ce que l'espace de conception ?
Les axes sont les structures linéaires qui confèrent aux polices variables leurs super pouvoirs. Considérez-les comme de puissants curseurs capables de remodeler l'aspect et la sensation d'une police.a un axe "Ombre",FS Pimlicodispose d'un axe "Lueur". En déplaçant et en ajustant les curseurs de ces axes, l'effet d'ombre ou de lueur peut augmenter ou diminuer. Dans une famille de polices de texte traditionnelle, vous pouvez trouver un ensemble d'axes standard ou "enregistrés" tels que le poids (wght), la largeur (wdth), l'italique (ital), la taille optique (opsz) et l'inclinaison (slnt).
Les créateurs de caractères peuvent créer toutes sortes d'axes dans une police variable, les possibilités sont presque illimitées. De plus, toutes les transformations de conception sont soigneusement créées dans un cadre connu sous le nom d'"espace de conception" de la police. Cet "espace de conception" définit les limites de l'aire de jeu des polices, de sorte qu'en tant qu'utilisateur de la police, il est impossible de créer des distorsions inattendues. Nous pouvons garantir la même qualité de conception dans toutes les itérations possibles d'une police variable Fontsmith que dans nos fichiers de polices statiques standard.
Première prestation : Conception
Qu'est-ce que cela signifie pour vous en tant que designer ? Supposons que vous ayez spécifié FS Industrie Bold dans votre identité de marque. Génial ! Cependant, l'idéal serait de spécifier un poids légèrement plus léger, quelque part entre les polices Medium et Bold, un style qui serait un "SemiBold" unique pour la marque. L'identité de la marqueLa police variable vous permet de choisir un poids et une largeur précis qui existent n'importe où dans l'espace de conception. Faites glisser les curseurs "poids" et "largeur" ou attribuez les valeurs en CSS pour trouver les proportions et le niveau d'audace parfaits.
Imaginez maintenant que vous recherchiez un système de caractères à empattement articulé, par exemple un empattement à fort contraste pour les titres accrocheurs et un empattement à faible contraste pour les textes de petite taille. C'est parfait !possède un axe de "taille optique". Vous pouvez augmenter ou diminuer le contraste de chaque lettre afin d'améliorer la lisibilité de la police à des tailles de pixels spécifiques. (Remarque : vous pouvez également mettre en œuvre l'axe de taille optique en tant que fonctionnalité intelligente dans CSS, le navigateur web mettra automatiquement en œuvre la taille optique appropriée de la police).
Avantages : Logistique
Il va sans dire qu'un seul fichier est beaucoup plus facile à gérer. Un seul fichier de police à installer, un seul fichier de police à référencer, un seul fichier de police à charger dans un navigateur. Moins de fichiers à maintenir, à gérer et à suivre. C'est une bonne chose !
Avantages : Accessibilité
Si une police de caractères ne peut pas être lue par tous les utilisateurs, elle n'est pas inclusive. Les polices variables peuvent améliorer l'expérience de lecture et l'accessibilité, elles peuvent être programmées pour s'adapter au contexte, à l'appareil, aux préférences de l'utilisateur, à la distance de lecture... Par exemple, un axe "Grade" peut modifier subtilement l'obscurité d'une police, la rendant plus audacieuse sans affecter l'espacement des lettres ou la longueur des lignes. L'avantage ? Vous pouvez modifier l'obscurité de la police pour les utilisateurs souffrant de déficiences visuelles tout en préservant l'intégrité de la structure du design. La taille et la forme des lettres peuvent également s'adapter à la densité de pixels de l'appareil ou à son orientation. Ce ne sont là que quelques exemples. Les polices variables améliorent considérablement les possibilités d'adaptation des caractères au lecteur.
Avantages : Créativité
La technologie des polices variables est jeune, elle n'a que trois ans en fait. Attention : le support est limité :( Cependant, cette technologie se développe rapidement. Aujourd'hui, tous les principaux navigateurs offrent un certain niveau de prise en charge, de même que certaines applications de bureau. Aujourd'hui est un bon jour pour commencer à jouer et à réfléchir : "Que puis-je créer avec une police variable ? Imaginez un nouveau monde de possibilités en matière de polices de caractères ! Amélioration de la conception de sites web réactifs, décoration élaborée en ligne, ajout de différents degrés de texture, animation de fioritures le long d'un axe avec CSS, création d'expériences de formes de lettres interactives, avons-nous besoin d'un axe "floppy-jelly" ?) Nous pouvons désormais manipuler les données des polices de caractères sous de nouvelles formes et dimensions.
Avantages : La taille fait toute la différence
Les polices variables améliorent les performances des sites web. Pour ce faire, elles regroupent tous les styles de polices possibles dans un seul fichier, un fichier dont la taille est réduite à une fraction de la taille d'un fichier de police standard. Prenons l'exemple des sites web d'information riches en caractères qui s'appuient fortement sur une hiérarchie typographique raffinée pour fournir un contenu clair et accessible. Tous les fichiers de police doivent être chargés dans la fenêtre de votre navigateur et tous en même temps pour que la page web soit affichée, ce qui peut souvent représenter une grande quantité de données. L'impact de ces données peut créer des problèmes de retour de police et de rendu du navigateur, en particulier sur les connexions mobiles. Nos fichiers de polices variables permettent de réduire la taille des fichiers de 70 à 85 %, tous les styles étant regroupés dans un seul fichier, ce qui réduit le délai entre le chargement et l'affichage des polices, améliorant ainsi les performances des polices sur le web.
Polices d'essai variables
Les polices variables de Fontsmith sont disponibles à l'essai gratuitement ! Il suffit de cliquer sur "Télécharger les polices d'essai" et de suivre la procédure de téléchargement sur MyFonts.com.
Polices variables complètes
Nos polices variables sont disponibles sous licence dans les formats TrueType desktop et WOFF2 web et comprennent un jeu de caractères complet*. Il suffit d'acheter la famille de polices complète de n'importe quelle police prête à l'emploi sur notre site Web pour que la version de la police variable soit incluse. * Remarque : FS Kitty, FS Pimlico Glow et FS Pele ne sont pas disponibles dans une version avec jeu de caractères complet pour le moment.
Les polices variables de Fontsmith sont disponibles gratuitement à l'essai. Il suffit de cliquer sur "Télécharger les polices d'essai" et de suivre la procédure de téléchargement sur MyFonts.com. Ces fichiers de polices d'essai portent le nom "VFTrial" et ont un jeu de caractères réduit pour les besoins des polices "d'essai".