A Practical Guide to Alternate Characters and OpenType Features

La typographie a toujours misé sur la subtilité des détails pour sublimer la communication écrite et la transformer en expression visuelle. Si la calligraphie traditionnelle mettait autrefois l'accent sur les fioritures et les ligatures dessinées à la main, nous obtenons aujourd'hui des effets similaires grâce aux outils numériques. La différence entre un design ordinaire et une typographie raffinée réside peut-être dans l'utilisation de caractères alternatifs, de ligatures, de styles numériques et d'autres fonctionnalités OpenType.

Pour les appliquer efficacement, examinons les outils disponibles sur différentes plateformes, d'Adobe Creative Suite et Figma à Microsoft Office et à la typographie web via CSS. Comprendre où et comment accéder à ces fonctionnalités est essentiel pour produire un travail de conception réfléchi.

 


Conventions de dénomination

Les fonctionnalités OpenType sont identifiées par des balises de quatre lettres standardisées sur toutes les plateformes. Parmi les exemples courants, on peut citer : liga (ligatures standard), kern (crénage), smcp (petites capitales), dlig (ligatures discrétionnaires), ss01 (jeu stylistique 1) et swsh (lettres ornées). Ces balises, définies dans la documentation Adobe et Microsoft, permettent l'interopérabilité entre les logiciels de conception et les feuilles de style CSS.

Bien que le système puisse paraître technique au premier abord, la familiarité avec ces balises vous aide à libérer tout le potentiel expressif d'une police et à appliquer des fonctionnalités de manière cohérente dans les environnements imprimés et numériques.

 


Adobe Creative Suite : Photoshop, Illustrator et InDesign

Les applications Adobe offrent l'accès le plus complet aux fonctionnalités OpenType. Le panneau Glyphes, accessible via Fenêtre > Texte > Glyphes, permet aux utilisateurs de parcourir et d'insérer des caractères alternatifs. Vous pouvez filtrer les glyphes par caractère ou afficher l'ensemble d'une police, puis remplacer les caractères par défaut par des caractères alternatifs d'un simple double-clic.

Le panneau Caractères propose également des contrôles OpenType, notamment des ligatures, des jeux stylistiques et des alternatives contextuelles. InDesign offre des fonctionnalités avancées en permettant l'intégration de ces fonctionnalités aux styles de paragraphe et de caractère, garantissant ainsi la cohérence des documents longs.

 


Figma

Figma, largement utilisé pour la conception numérique et collaborative, propose une implémentation plus limitée des fonctionnalités OpenType. En sélectionnant un calque de texte et en ouvrant les options typographiques, vous pouvez activer des fonctionnalités telles que les ligatures et les jeux stylistiques. Cependant, toutes les polices n'affichent pas leurs variantes dans l'interface de Figma.

Pour les glyphes manquants, les utilisateurs utilisent souvent des outils système comme la visionneuse de caractères sous macOS ou la table des caractères sous Windows pour copier et coller des caractères dans leur travail. Bien que ce processus soit moins efficace que le panneau Glyphes d'Adobe, il permet d'intégrer des alternatives si nécessaire.

 


Microsoft Word et PowerPoint

Les applications Microsoft Office prennent également en charge les fonctionnalités OpenType, bien que moins visibles et moins robustes que celles des outils de conception. Ces fonctionnalités sont accessibles en sélectionnant du texte et en accédant à Format Police Avancé . Les options incluent généralement les ligatures, les styles numériques et les jeux stylistiques.

Certains caractères, comme les lettres ornées ou les variantes complexes, peuvent ne pas s'afficher correctement. Dans ce cas, vous pouvez insérer des symboles manuellement ou utiliser les tables de caractères système. Cette approche est fonctionnelle, mais limitée aux projets nécessitant un contrôle typographique cohérent et avancé.

 


Implémentation CSS

Sur le web, les caractéristiques typographiques sont contrôlées par CSS. Vous pouvez utiliser des propriétés telles que font-feature-settings et font-variant pour activer les ligatures, les jeux stylistiques et les variations numériques. Par exemple :



body    {
        font-feature-settings: "liga", "clig", "kern";
}


Cela garantit l'application des ligatures et du crénage. Des déclarations supplémentaires peuvent activer des ligatures discrétionnaires ( dlig ), des jeux de style ( ss01 , ss02 , etc.) ou des lettres ornées ( swsh ).

La prise en charge de ces fonctionnalités par les navigateurs varie, il est donc recommandé de procéder à des tests approfondis sur toutes les plateformes.

 


Meilleures pratiques

Bien que les fonctionnalités OpenType élargissent les possibilités typographiques, la sobriété est de mise. L'abus de caractères alternatifs ou décoratifs peut réduire la lisibilité et détourner l'attention du contenu. Il est conseillé de privilégier la clarté et la cohérence, en utilisant les fonctionnalités de manière à soutenir le ton et l'objectif du texte plutôt qu'à les surcharger.

Des panneaux avancés d'Adobe au code CSS sur le web, la typographie moderne offre de multiples façons d'affiner le texte grâce aux fonctionnalités OpenType. Maîtriser ces outils peut améliorer votre travail grâce à des ajustements subtils.

 


Vérifiez-le!

Toutes nos polices offrent une multitude de fonctionnalités OpenType à essayer. Découvrez notre  Starter Pack Typo  et explorez-les par vous-même !