Exemple de texte avancé

Traditionnellement, les familles de polices sont distribuées dans un nombre limité de variations : un ensemble de graisses, de styles et de largeurs codés en dur (et des combinaisons de ceux-ci) qui peuvent être sélectionnés en tant que polices autonomes.

Les polices variables développent cette idée. Au lieu de distribuer les variations de la famille de polices sous forme de fichiers de polices autonomes, une seule police variable peut produire les variations (et bien d'autres) par interpolation.

Pour ce faire, des "axes variables" sont définis dans la police pour des propriétés telles que la largeur, l'inclinaison ou le poids. L'utilisateur peut sélectionner des valeurs prédéfinies le long de ces axes ou définir n'importe quelle valeur personnalisée dans la gamme prise en charge par la police.

Cet exemple inclut une police variable appelée "Georama" (Copyright 2020 The Georama Project Authors, Licensed under OFL 1.1). Elle possède deux axes variables : Un pour le poids et un pour la largeur. En manipulant l'un ou l'autre de ces axes, l'utilisateur peut créer un large éventail de variations sur le dessin de la police.

L'exemple illustre la façon dont cela peut être utilisé dans un scénario réel : Au début de l'exemple, les bouts de texte s'étirent en dehors des limites définies dans la mise en page stricte.

En modifiant la largeur et/ou la graisse, le concepteur visuel peut obtenir des variations de la police qui s'adaptent exactement à la mise en page sans avoir à modifier la taille de la police.

L'exemple attribue des curseurs à chacun des deux axes variables de la police. Il lie ensuite les valeurs des axes variables aux curseurs de manière à ce que la police soit mise à jour automatiquement lorsque l'utilisateur les modifie.

            font.variableAxes: {
                "wdth": widthSlider.value,
                "wght": weightSlider.value
            }

Les axes variables sont adressés par leur balise à quatre caractères. Certaines balises, telles que "wdth" et "wght", sont associées à des attributs de police spécifiques par convention (dans ce cas : "width" et "weight", respectivement). Mais la police peut prendre en charge n'importe quel axe tant qu'il est désigné par une balise à quatre caractères. Les informations relatives aux axes pris en charge par la police sont souvent incluses dans son nom de fichier.

Exécution de l'exemple

Pour exécuter l'exemple à partir de Qt Creatorouvrez le mode Welcome et sélectionnez l'exemple à partir de Examples. Pour plus d'informations, voir Qt Creator: Tutoriel : Construire et exécuter.

Exemple de projet @ code.qt.io