| Les deux révisions précédentesRévision précédente | |
| issue168:inkscape [2021/05/06 15:44] – andre_domenech | issue168:inkscape [2021/05/07 12:44] (Version actuelle) – auntiee |
|---|
| **This month, we’ll conclude our dive into the new text features in Inkscape version 1.0 by looking at a pair of new font formats that are now supported (and one that possibly isn’t). Although I’ve used the term “font formats”, you won’t find any new file extensions in use. These formats are implemented inside the standard OpenType Font (*.otf) files that are commonly used on modern computer systems. As such, you can’t immediately tell if a font supports these new features from the file extension alone, but we’ll look at a solution to that problem later.** | **This month, we’ll conclude our dive into the new text features in Inkscape version 1.0 by looking at a pair of new font formats that are now supported (and one that possibly isn’t). Although I’ve used the term “font formats”, you won’t find any new file extensions in use. These formats are implemented inside the standard OpenType Font (*.otf) files that are commonly used on modern computer systems. As such, you can’t immediately tell if a font supports these new features from the file extension alone, but we’ll look at a solution to that problem later.** |
| |
| Ce mois-ci, nous allons terminer notre plongée dans les nouvelles fonctionnalités de texte de la version 1.0 d'Inkscape en examinant deux nouveaux formats de police qui sont maintenant pris en charge (et un qui ne l'est peut-être pas). Bien que j'aie utilisé le terme « formats de police », vous ne trouverez l'utilisation d'aucune nouvelle extension de fichier. Ces formats sont mis en œuvre dans les fichiers standard OpenType Font (*.otf) qui sont couramment utilisés sur les systèmes informatiques modernes. De ce fait, vous ne pouvez pas savoir immédiatement si une police prend en charge ces nouvelles fonctionnalités à partir de la seule extension de fichier, mais nous examinerons plus tard une solution à ce problème. | Ce mois-ci, nous allons terminer notre plongée dans les nouvelles fonctionnalités de texte de la version 1.0 d'Inkscape en examinant deux nouveaux formats de police qui sont maintenant pris en charge (et un qui ne l'est peut-être pas). Bien que j'aie utilisé le terme « formats de police », vous ne trouverez l'utilisation d'aucune nouvelle extension de fichier. Ces formats sont mis en œuvre dans les fichiers standard OpenType Font (*.otf) qui sont couramment utilisés sur les systèmes informatiques modernes. De ce fait, vous ne pouvez pas savoir immédiatement si une police prend en charge ces nouvelles fonctionnalités à partir de la seule extension du fichier, mais nous examinerons plus tard une solution à ce problème. |
| |
| |
| La première variante de police dont nous allons parler est appelée « SVG en OpenType », et c'est à peu près ce qu'elle est. Avec ces polices, les formes des glyphes sont définies à l'aide du format SVG, puis intégrées dans l'enveloppe OTF afin de bénéficier des nombreuses capacités typographiques qui en découlent. | La première variante de police dont nous allons parler est appelée « SVG en OpenType », et c'est à peu près ce qu'elle est. Avec ces polices, les formes des glyphes sont définies à l'aide du format SVG, puis intégrées dans l'enveloppe OTF afin de bénéficier des nombreuses capacités typographiques qui en découlent. |
| |
| Les polices OTF de base se contentent de définir les formes de chaque glyphe, sans aucune notion de couleur. Le programme qui rend les polices est chargé de remplir ou de souligner les formes pour les rendre visibles, souvent avec un ton solide, mais aussi avec un gradient ou un motif. Le point essentiel est que la police fournit les contours du chemin et que le programme dessine ces contours sous forme d'objets colorés. Avec un SVG en police OpenType, ce choix échappe généralement au contrôle de l'application, les couleurs étant définies uniquement par la police elle-même. Prenons un exemple. | Les polices OTF de base se contentent de définir les formes de chaque glyphe, sans aucune notion de couleur. Le programme qui rend les polices est chargé de remplir ou d'afficher le contour des formes pour les rendre visibles, souvent avec un ton solide, mais aussi avec un gradient ou un motif. Le point essentiel est que la police fournit les contours du chemin et que le programme dessine ces contours sous forme d'objets colorés. Avec un SVG en police OpenType, ce choix échappe généralement au contrôle de l'application, les couleurs étant définies uniquement par la police elle-même. Prenons un exemple. |
| |
| |
| The first thing to note is that it doesn’t appear in color within the font selection drop-down, nor in the list in the Text and Font dialog. Neither is there any marker or indication that this is a color font, other than its name. It appears amongst all the other fonts in alphabetical order, rather than being separately grouped. This means that you’ll need to keep track of the names of any color fonts you add to your system, as they won’t always stand out obviously for selection in the UI.** | The first thing to note is that it doesn’t appear in color within the font selection drop-down, nor in the list in the Text and Font dialog. Neither is there any marker or indication that this is a color font, other than its name. It appears amongst all the other fonts in alphabetical order, rather than being separately grouped. This means that you’ll need to keep track of the names of any color fonts you add to your system, as they won’t always stand out obviously for selection in the UI.** |
| |
| Vous connaissez probablement le drapeau arc-en-ciel, utilisé comme emblème des communautés gays, lesbiennes et apparentées. L'homme qui l'a conçu à l'origine, Gilbert Baker, est décédé en 2017. En sa mémoire, une police de couleur gratuite a été créée, inspirée du Rainbow Flag, et nommée Gilbert. En raison notamment du fait qu'il existe actuellement très peu de polices de couleur, et encore moins de gratuites, celle-ci est couramment utilisée dans les articles sur la prise en charge des polices de couleur dans divers navigateurs et autres applications. Cet article n'est pas différent, voici donc une capture d'écran de Gilbert Color en action dans Inkscape version 1.0 : | Vous connaissez probablement le drapeau arc-en-ciel, utilisé comme emblème des communautés gays, lesbiennes et apparentées. L'homme qui l'a conçu à l'origine, Gilbert Baker, est décédé en 2017. En sa mémoire, une police de couleur gratuite, inspirée du Rainbow Flag, a été créée et nommée Gilbert. En raison notamment du fait qu'il existe actuellement très peu de polices de couleur, et encore moins de gratuites, celle-ci est couramment utilisée dans les articles sur la prise en charge des polices de couleur dans divers navigateurs et autres applications. Cet article n'est pas différent, voici donc une capture d'écran de Gilbert Color en action dans Inkscape version 1.0 : |
| | |
| La première chose à noter est qu'elle n'apparaît pas en couleur dans la liste déroulante de sélection des polices, ni dans la liste de la boîte de dialogue Texte et Police. Il n'y a pas non plus de marqueur ou d'indication qu'il s'agit d'une police en couleur, autre que son nom. Elle apparaît parmi toutes les autres polices par ordre alphabétique, au lieu d'être groupée séparément. Cela signifie que vous devrez garder une trace des noms de toutes les polices de couleur que vous ajoutez à votre système, car elles ne seront pas toujours évidentes à sélectionner dans l'interface utilisateur. | La première chose à noter est qu'elle n'apparaît pas en couleur dans la liste déroulante de sélection des polices, ni dans la liste de la boîte de dialogue Texte et Police. Il n'y a pas non plus de marqueur ou d'indication qu'il s'agit d'une police en couleur, autre que son nom. Elle apparaît parmi toutes les autres polices par ordre alphabétique, au lieu d'être groupée séparément. Cela signifie que vous devrez garder une trace des noms de toutes les polices de couleur que vous ajoutez à votre système, car elles ne seront pas toujours évidentes à sélectionner dans l'interface utilisateur. |
| • With no fill and a thick blue stroke** | • With no fill and a thick blue stroke** |
| |
| La deuxième chose à noter est qu'elle est, en effet, colorée. Comme c'est le cas avec de nombreuses polices en couleur actuellement, l'utilisation de la couleur est brutale et évidente, plutôt que d'être utilisée pour des ombres subtiles ou des ornements. Mais que se passe-t-il si les couleurs utilisées dans la police ne correspondent pas tout à fait à ce que vous souhaitez intégrer à votre propre projet de conception ? Malheureusement, la réponse semble être « pas de chance ». | La deuxième chose à noter est qu'elle est, en effet, colorée. Comme c'est le cas avec de nombreuses polices en couleur actuellement, l'utilisation de la couleur est brutale et évidente, plutôt qu'utilisée pour des ombres subtiles ou des ornements. Mais que se passe-t-il si les couleurs utilisées dans la police ne correspondent pas tout à fait à ce que vous souhaitez intégrer à votre propre projet de conception ? Malheureusement, la réponse semble être « pas de chance ». |
| |
| Dans l'image précédente, j'ai fait quatre copies du texte, comme suit : | Dans l'image précédente, j'ai fait quatre copies du texte, comme suit : |
| Comme vous pouvez le constater, la suppression du remplissage et du trait rend le texte transparent, mais si une couleur de remplissage ou de trait est appliquée, vous obtenez la police colorée dans les couleurs exactes prévues par le concepteur, quelle que soit la couleur appliquée. | Comme vous pouvez le constater, la suppression du remplissage et du trait rend le texte transparent, mais si une couleur de remplissage ou de trait est appliquée, vous obtenez la police colorée dans les couleurs exactes prévues par le concepteur, quelle que soit la couleur appliquée. |
| |
| Si nous ne pouvons pas modifier les couleurs de la police à l'aide du remplissage et du trait normaux, nous pourrions peut-être la convertir en chemins et modifier les parties individuelles de chaque lettre de cette manière, non ? C'est faux. | Si nous ne pouvons pas modifier les couleurs de la police à l'aide du remplissage et du trait normaux, nous pourrions peut-être la convertir en chemins et modifier les parties individuelles de chaque lettre de cette manière, non ? Non. |
| |
| Dans l'image ci-dessous, j'ai converti le texte du haut - avec un remplissage rouge translucide et un trait bleu - en chemins, en utilisant Chemin > Objet vers Chemin. Comme vous pouvez le voir, le résultat est ce que vous attendez d'une police « normale » non colorée. J'ai spécifiquement utilisé un remplissage translucide pour montrer que l'apparence des formes qui se chevauchent dans la police d'origine ne se traduit pas par des sous-tracés qui se chevauchent après la conversion. | Dans l'image ci-dessous, j'ai converti le texte du haut - avec un remplissage rouge translucide et un trait bleu - en chemins, en utilisant Chemin > Objet vers Chemin. Comme vous pouvez le voir, le résultat est ce que vous attendez d'une police « normale » non colorée. J'ai spécifiquement utilisé un remplissage translucide pour montrer que l'apparence des formes qui se chevauchent dans la police d'origine ne se traduit pas par des sous-tracés qui se chevauchent après la conversion. |
| Similarly, when exporting a PDF from Inkscape, you might be tempted to use the option for embedding the font. My non-exhaustive test of PDF viewers suggests that this may result in a file that can’t be opened at all by some applications. Selecting the “Convert text to paths” option in the Save As… dialog results in a readable file, but only because the text is, once again, flat-filled with a single color.** | Similarly, when exporting a PDF from Inkscape, you might be tempted to use the option for embedding the font. My non-exhaustive test of PDF viewers suggests that this may result in a file that can’t be opened at all by some applications. Selecting the “Convert text to paths” option in the Save As… dialog results in a readable file, but only because the text is, once again, flat-filled with a single color.** |
| |
| Au lieu d'effectuer une conversion, il est possible de charger un fichier SVG contenant des polices colorées directement dans un navigateur web, soit comme fichier local, soit en le servant en ligne. Toutefois, même si l'utilisateur final a installé la police sur son ordinateur, son expérience variera considérablement en fonction du navigateur qu'il utilise. Alors que Firefox affiche Gilbert Color dans toutes ses nuances, la dernière version de Chrome (89 au moment de la rédaction de cet article) n'affiche qu'une version pleine. | Au lieu d'effectuer une conversion, il est possible de charger un fichier SVG contenant des polices colorées directement dans un navigateur web, soit comme fichier local, soit en le servant en ligne. Toutefois, même si l'utilisateur final a installé la police sur son ordinateur, son expérience variera considérablement en fonction du navigateur qu'il utilise. Alors que Firefox affiche Gilbert Color dans toutes ses nuances, la dernière version de Chrome (la 89 au moment de la rédaction de cet article) n'affiche qu'une version pleine. |
| |
| De même, lorsque vous exportez un PDF à partir d'Inkscape, vous pouvez être tenté d'utiliser l'option d'intégration de la police. Mon test non exhaustif des visionneuses de PDF suggère que cela peut aboutir à un fichier qui ne peut pas être ouvert du tout par certaines applications. En sélectionnant l'option « Convertir le texte en chemins » dans la boîte de dialogue Enregistrer sous..., on obtient un fichier lisible, mais uniquement parce que le texte est, une fois de plus, rempli avec avec un aplat d'une seule couleur. | De même, lorsque vous exportez un PDF à partir d'Inkscape, vous pouvez être tenté d'utiliser l'option d'intégration de la police. Mon test non exhaustif des visionneuses de PDF suggère que cela peut aboutir à un fichier qui ne peut pas être ouvert du tout par certaines applications. En sélectionnant l'option « Convertir le texte en chemins » dans la boîte de dialogue Enregistrer sous..., on obtient un fichier lisible, mais uniquement parce que le texte est, une fois de plus, rempli avec un aplat d'une seule couleur. |
| |
| |
| Si les SVG dans les polices OpenType sont relativement rares, le sous-ensemble basé sur les bitmaps l'est encore plus. Il est encore plus difficile de trouver des polices libres qui correspondent à cette définition. Prenez donc mes résultats dans Inkscape avec une pincée de sel, car ils sont basés sur un seul échantillon d'une seule police. | Si les SVG dans les polices OpenType sont relativement rares, le sous-ensemble basé sur les bitmaps l'est encore plus. Il est encore plus difficile de trouver des polices libres qui correspondent à cette définition. Prenez donc mes résultats dans Inkscape avec une pincée de sel, car ils sont basés sur un seul échantillon d'une seule police. |
| |
| J'ai installé sur mon système une police de caractères au pinceau appelée Macbeth, et j'ai essayé de l'utiliser dans Inkscape 1.0 (ainsi que dans la version 1.1 beta récemment publiée). Dans le menu déroulant des polices et dans la boîte de dialogue Texte et police, les aperçus montraient exactement ce que j'avais espéré : des traits de pinceau translucides dans une police dynamique de style script. | J'ai installé sur mon système une police de caractères au pinceau appelée Macbeth, puis j'ai essayé de l'utiliser dans Inkscape 1.0 (ainsi que dans la version 1.1 beta récemment publiée). Dans le menu déroulant des polices et dans la boîte de dialogue Texte et police, les aperçus montraient exactement ce que j'avais espéré : des traits de pinceau translucides dans une police dynamique de style script. |
| |
| |
| Within Inkscape, the axes are adjusted within the Text and Font dialog. You can see them displayed as a series of sliders just above the font preview in this screenshot. Note that there’s a scrollbar on the right to access more sliders: Decovar exposes 15 different axes in total!** | Within Inkscape, the axes are adjusted within the Text and Font dialog. You can see them displayed as a series of sliders just above the font preview in this screenshot. Note that there’s a scrollbar on the right to access more sliders: Decovar exposes 15 different axes in total!** |
| |
| Conformément à la tradition établie au début de cet article, je vais utiliser la même police d'exemple dans tous les autres articles pour démontrer l'utilisation des polices variables. Decovar est gratuit, et offre un large choix d'axes qui peuvent donner lieu à des combinaisons de formes de glyphes allant du conventionnel au bizarre. Voici quelques exemples rendus dans Inkscape et, ne l'oubliez pas, ils sont tous créés à partir d'un seul fichier de police. | Conformément à la tradition établie au début de cet article, je vais utiliser la même police d'exemple dans tous les autres articles pour démontrer l'utilisation des polices variables. Decovar est gratuit et offre un large choix d'axes qui peuvent donner lieu à des combinaisons de formes de glyphes allant du conventionnel au bizarre. Voici quelques exemples rendus dans Inkscape et, ne l'oubliez pas, ils sont tous créés à partir d'un seul fichier de police. |
| |
| Dans Inkscape, les axes sont ajustés dans la boîte de dialogue Texte et police. Vous pouvez les voir affichés sous la forme d'une série de curseurs juste au-dessus de l'aperçu de la police dans cette capture d'écran. Notez qu'il y a une barre de défilement sur la droite pour accéder à d'autres curseurs : Décovar expose 15 axes différents au total ! | Dans Inkscape, les axes sont ajustés dans la boîte de dialogue Texte et police. Vous pouvez les voir affichés sous la forme d'une série de curseurs juste au-dessus de l'aperçu de la police dans cette capture d'écran. Notez qu'il y a une barre de défilement sur la droite pour accéder à d'autres curseurs : Décovar expose 15 axes différents au total ! |
| Il est particulièrement utile avec une police variable. Voici une section de la sortie pour Decovar : | Il est particulièrement utile avec une police variable. Voici une section de la sortie pour Decovar : |
| |
| Ici, vous pouvez tester les différents axes (avec des noms lisibles par l'homme), ou en choisir dans le popup « Instances ». Lorsque vous êtes satisfait de la combinaison que vous avez trouvée, vous pouvez alors appliquer laborieusement la valeur de chaque curseur à son équivalent dans Inkscape, sur la base de son nom à quatre lettres. | Ici, vous pouvez tester les différents axes (avec des noms lisibles par l'homme), ou en choisir dans le popup « Instances ». Lorsque la combinaison que vous avez trouvée vous plaît, vous pouvez alors appliquer laborieusement la valeur de chaque curseur à son équivalent dans Inkscape, sur la base de son nom à quatre lettres. |
| |
| Cet outil offre également beaucoup d'autres informations et constitue un excellent moyen de vérifier les capacités cachées de vos polices. En fait, en utilisant la version bêta de la prochaine version de l'outil, j'ai même pu découvrir que Gilbert Color offre en fait cinq variations différentes de son schéma de couleurs, via la fonction « alternatives » d'OpenType. Cependant, jusqu'à ce qu'Inkscape offre un moyen d'y accéder, je suppose que nous devrons nous en tenir à des astuces avec des filtres. | Cet outil offre également beaucoup d'autres informations et constitue un excellent moyen de vérifier les capacités cachées de vos polices. En fait, en utilisant la version bêta de la prochaine version de l'outil, j'ai même pu découvrir que Gilbert Color offre en fait cinq variations différentes de son schéma de couleurs, via la fonction « alternatives » d'OpenType. Cependant, jusqu'à ce qu'Inkscape offre un moyen d'y accéder, je suppose que nous devrons nous en tenir à des astuces avec des filtres. |
