Il vous faut : FontCreator (Windows ou macOS) et deux polices statiques terminées et compatibles de la même famille — par exemple une Regular et une Bold.
Une police variable est un fichier unique contenant un ou plusieurs axes (par exemple la graisse ou la largeur) qui permettent d'utiliser, par interpolation, une plage continue de variations de style. Ce tutoriel montre comment construire une police variable dans l'éditeur de polices de FontCreator à partir de deux polices non variables existantes, prévisualiser l'interpolation, corriger la compatibilité et exporter des named instances. Cette page sert aussi de point de départ aux autres tutoriels sur les polices variables — voir la carte à la fin.
L'idée des polices variables existe depuis des décennies, mais elle n'a été adoptée par la spécification OpenType qu'en 2016. FontCreator peut exporter une police variable et aussi chaque style prédéfini (named instance) en un seul clic, ce qui accélère la création de polices.
Nous supposons que vous avez déjà réalisé une version Regular et une version Bold d'une famille. Pour commencer, ouvrez-les toutes les deux dans FontCreator.
Axe Weight
Comme nous combinons deux polices de graisses différentes, il nous faut un axe Weight.
- Activez le style Regular.
- Ouvrez le panneau Propriétés de la police.
- Allez à l'onglet Axes.
- Cliquez sur l'icône [+] de la barre d'outils et choisissez Weight.
Le panneau Propriétés de la police sur l'onglet Axes, avec l'icône [+] ajoutant un axe Weight.
Master Bold
Dans le panneau Propriétés de la police, sélectionnez l'onglet Masters. Cliquez sur l'icône [+] et choisissez la police Bold. Tous les contours de glyphes de la police Bold sont alors copiés dans celle-ci comme second master.
Mettez maintenant à jour l'Localisation de l'axe des deux masters. Sélectionnez le master Regular et réglez la position sur 400. Sélectionnez le master Bold et réglez-le sur 700.
À ce stade, vous avez déjà une police variable. Bravo.
> Remarque : vous remarquerez probablement que, dans le panneau vue d'ensemble des polices, plusieurs glyphes affichent soudain un en-tête rouge. Cela signale des glyphes présentant des problèmes de compatibilité — l'interpolation échouera pour ceux-là tant qu'ils ne seront pas corrigés. Nous y revenons plus bas, sous Problèmes de compatibilité.
Première impression — prévisualiser l'interpolation
Curieux du résultat ? Nous aussi.
Pour utiliser l'axe Weight, ouvrez le panneau Variations. S'il n'est pas visible, choisissez View → Panels dans le menu principal et vérifiez que Variations est coché — ou appuyez sur Ctrl+F7 pour l’afficher ou le masquer.
Le panneau Variations permet de prévisualiser n'importe quelle position entre vos masters. Faites glisser le curseur Weight et les contours s’interpolent automatiquement.
Un autre panneau est utile ici : Masters et calques. S'il n'est pas visible, choisissez View → Panels → Masters et calques ou appuyez sur Ctrl+F6. Ce panneau permet de basculer entre les masters disponibles — important, car les calques de contour d'un glyphe appartiennent toujours à un master. Pour retoucher le contour Regular, sélectionnez d'abord le master Regular.
Le panneau Variations avec le curseur Weight à mi-course, montrant un glyphe interpolé entre Regular et Bold.
Tester la police web
Jouer avec le curseur Weight est sympathique, mais cela fonctionne-t-il en dehors de FontCreator ?
Dans le menu principal, choisissez Font → Tester la Police Web (ou appuyez sur Ctrl+F5). FontCreator exporte la police variable avec une page web et l'ouvre dans votre navigateur par défaut, ce qui permet de confirmer que l'interpolation fonctionne dans un environnement réel.
Problèmes de compatibilité
L'interpolation ne fonctionne que si les calques de contour sont compatibles. Pour chaque glyphe, les calques doivent avoir le même nombre de contours, dans le même ordre, avec le même nombre de points. Pour les glyphes composites, les membres doivent correspondre.
Pour laisser FontCreator corriger les problèmes de base :
- Sélectionnez tous les glyphes dans le panneau vue d'ensemble des polices.
- Cliquez sur le bouton Fix en haut du panneau Masters et calques.
Certains glyphes auront probablement encore des problèmes. Ajustez ces contours à la main :
- Double-cliquez sur un glyphe pour l’ouvrir dans un panneau Glyph. Le panneau Masters et calques indique alors la nature du problème de compatibilité.
- Activez le bouton Show compatibility issues (également dans le panneau Masters et calques) pour voir exactement ce qu'il faut corriger.
Un glyphe ouvert dans le panneau Glyph avec Show compatibility issues activé, le panneau Masters et calques listant la différence.
Tous les problèmes de compatibilité doivent être résolus, sinon votre police contiendra des glyphes qui ne s'interpolent pas correctement. Corriger soigneusement la compatibilité est le cœur d'une police variable qui fonctionne — un tutoriel dédié y est consacré, voir la carte ci-dessous.
Instances nommées
Pour tirer le meilleur parti de votre police variable, ajoutez des named instances. Elles proposent aux applications compatibles des styles familiers comme Regular, Medium et Bold. Pour un usage fiable dans les applications sans prise en charge des polices variables, exportez les instances voulues comme polices statiques distinctes.
Allez à l'onglet Instances du panneau Propriétés de la police. Mettez à jour la position d'axe de l'instance Default (400), puis ajoutez des instances de graisses 500, 600 et 700, chacune avec un Style Name unique.
Même si ce n'est pas nécessaire pour la police variable elle-même, renseignez aussi des valeurs correctes de Classe de Poids et Classe de Largeur. Elles comptent si vous exportez ces instances en polices non variables — vous les obtenez donc presque gratuitement.
Valeurs d'axe
Encore une chose utile : donnez des noms à des positions précises sur un axe (ou à une combinaison d'axes). Ajoutez des valeurs d'axe correspondant aux positions de vos named instances — soit 400, 500, 600 et 700. Cochez aussi Elidable axis value name pour la valeur Regular (400), car elle représente la graisse normale.
Exporter la police variable
Quand les masters sont compatibles et les instances définies, exportez la police elle-même. Ouvrez Paramètres d'Exportation de la Police, réglez Export sur Variable font et choisissez votre Format de contour — pour la compatibilité la plus large, prenez des contours TrueType. Ne choisissez CFF2 que si vous voulez précisément des contours PostScript/cubiques et que vos logiciels cibles gèrent CFF2. Exportez, puis testez le fichier dans vos applications cibles — et, comme plus haut, utilisez Tester la Police Web pour une vérification rapide en navigateur.
> Astuce : relancez Tester la Police Web après chaque série de corrections de compatibilité. C'est le moyen le plus rapide de repérer un glyphe qui s'interpole bien dans l'aperçu de FontCreator mais se comporte mal dans un moteur de rendu réel.
Dépannage
| Symptôme | Cause probable | Solution |
|---|---|---|
| En-tête rouge sur des glyphes dans vue d'ensemble des polices | Les calques de contour ne sont pas compatibles | Sélectionnez tous les glyphes, cliquez sur Fix, puis corrigez le reste à la main |
| Le curseur Variations ne fait rien | Le panneau Variations est masqué, ou aucun second master n'a été ajouté | Affichez le panneau Variations (Ctrl+F7) et vérifiez le master Bold et sa position d'axe |
| Un glyphe se déforme à mi-course du curseur | Ordre ou nombre de points différent entre les masters | Ouvrez le glyphe, activez Show compatibility issues et faites correspondre les contours |
| Named instances absentes dans d'autres logiciels | Les instances ne sont pas définies, ou les positions d'axe sont incorrectes | Ajoutez des instances dans l'onglet Instances avec les bonnes positions d'axe |
Questions fréquentes
Faut-il des polices séparées au départ, ou puis-je dessiner les masters dans un seul fichier ? Les deux fonctionnent. Ce tutoriel combine deux polices statiques existantes ; vous pouvez aussi ajouter axes et masters dans un seul fichier et dessiner chaque master directement.
Que signifie « compatible » pour l'interpolation ? Les masters de chaque glyphe doivent partager le même nombre de contours, le même ordre de contours et le même nombre de points (et des membres correspondants pour les composites). Sinon, ce glyphe ne peut pas s'interpoler.
Contours CFF2 ou TrueType pour une police variable ? Pour une large compatibilité, choisissez des contours TrueType. CFF2 est l'option cubique/PostScript compacte, mais elle exige des logiciels compatibles CFF2 et convient moins si vous visez une prise en charge ancienne ou étendue.
Pourquoi ajouter des named instances si la police est variable ? Les applications compatibles exposent les named instances comme des styles familiers : Regular, Medium, Bold. Les logiciels sans prise en charge n'utilisent que l'instance par défaut ; exportez donc les styles nécessaires en polices statiques distinctes pour un usage fiable dans les programmes plus anciens.
Comment prévisualiser une graisse avant l'export ? Utilisez le curseur Weight du panneau Variations, puis Font → Tester la Police Web (Ctrl+F5) pour confirmer que cela fonctionne dans un navigateur.
À lire ensuite
Cette page est le point de départ des polices variables dans FontCreator. À partir de là :
- Corriger la compatibilité entre masters — résolvez les glyphes à en-tête rouge pour que chacun s'interpole proprement. Commencez ici si Fix n'a pas tout attrapé.
- Named instances et export statique — définissez des instances et exportez-les en polices statiques distinctes pour les usages anciens.
- Sous-ensembles de polices variables — livrez un fichier plus léger en retirant les glyphes et plages d'axes inutiles.
- Changer de glyphes avec les feature variations — remplacez des formes de glyphes à des points précis d’un axe (par exemple une virgule plus grasse aux graisses élevées).
- Crénage contextuel variable — faites varier le crénage lui-même dans tout l’espace de conception.
