Travailler avec des personnages alternatifs

Si vous souhaitez ajouter du style et de la fonctionnalité à votre typographie Web, recherchez polices avec des caractères alternatifs. Si vous travaillez de manière économique, avec une seule adresse police, les caractères supplémentaires que vous obtenez avec les caractères alternatifs peuvent vous permettre d'aller plus loin dans votre conception.

Un personnage alternatif - parfois appelé alt character - est une version différente d'un personnage standard. Un caractère alternatif peut être légèrement différent du caractère standard et, dans certains cas, sensiblement différent. Par exemple, certains dessins de caractères alternatifs peuvent sembler plus géométriques. D'autres peuvent sembler manuscrits. Dans un site police, il peut y avoir un a à un étage, et le a alternatif peut être à deux étages, ou vice versa. Il existe également des utilisations fonctionnelles des variantes. Vous pouvez avoir un Q standard avec une longue queue, mais il vous gêne lors de la définition d'un titre, vous pouvez donc utiliser un Q alternatif avec une queue plus courte.

Il suffit d'un peu de savoir-faire en matière de CSS pour tirer parti des caractères supplémentaires. Si un site police possède des caractères alternatifs et que les navigateurs les prennent en charge, vous pouvez les activer à l'aide de la valeur stylistique alternative ("sel") dans le police-paramètres de fonctionnalités Propriété CSS.

La police Muller, qui compte un total de 20 styles dont le hairline présenté ici, possède un a standard à deux étages (en haut), mais vous pouvez activer le a plus géométrique à un étage (en bas) à l'aide de CSS.

La police de caractères Aviano Contrast comporte des caractères alternatifs, que l'on voit en bas, qui ont des barres transversales et des queues différentes. Remarquez que le B alternatif représenté dans la rangée du bas a une cuvette supérieure de taille inhabituelle.

Personnages alternatifs, styles alternatifs

Les caractères alternatifs sont utiles pour les utilisations stylistiques, comme la queue plus longue du Q alternatif de la police de caractères Warnock® Pro. Sa qualité allongée lui confère une apparence plus élégante, en particulier lorsqu'il s'agit de mettre en place des titres que vous voulez faire remarquer.

La police de caractères Warnock® Pro, créée par Robert Slimbach, comporte un Q, un y, un w et un v alternatifs dans la version inférieure et plus petite de Quietly woven.

Si un site police comporte des caractères alternatifs, vous pouvez les activer avec le CSS en utilisant la fonction sel valeur :

police-paramètres de caractéristiques : "salt" ;

-webkit-police-feature-settings : "salt" ;

-o-police-feature-settings : "salt" ;

-moz-police-feature-settings : "salt" ;

-ms-police-feature-settings : "salt" ;

Si un site police possède un second caractère alternatif, vous devez utiliser "sel" 2. S'il s'agit d'un troisième, vous utiliserez "sel" 3et ainsi de suite.

La police de caractères Mostra Nuova de Mark Simonson comporte non seulement 30 styles sur un seul site police, mais aussi une variété d'alternances stylistiques. Les caractères standard apparaissent dans l'exemple supérieur, avec le premier ("sel"), deuxième ("sel" 2), et troisième ("sel" 3) qui apparaissent en dessous.

La police sans empattement Bree™ de Veronika Burian et José Scaglione a une qualité manuscrite que l'on retrouve dans les caractères standard tels que le Q, e, g, k, v, w, y et z. Mais les caractères alternatifs, que l'on voit dans l'exemple du bas, donnent un aspect différent et une sensation plus conservatrice.

Le caractère Bree Serif est similaire à son homologue sans empattement, mais avec des empattements massifs. Elle comporte également des caractères alternatifs (exemple du bas), tels que le a et le g à deux étages. Remarquez la différence entre les deux caractères e.

Caractères alternatifs utilisés

D'un point de vue fonctionnel, les caractères alternatifs peuvent aider à différencier un titre du texte courant, en particulier si vous utilisez le même site police pour les deux et que vous souhaitez créer un contraste supplémentaire entre les deux.

Dans l'exemple ci-dessus, les caractères alternatifs ont été activés avec l'en-tête de Bree, mais le texte en cours d'exécution dans Bree Light utilise les caractères standard pour une touche plus manuscrite.

Ici, avec Bree Serif, nous avons les caractères alternatifs dans l'en-tête également, et le texte courant, dans la même graisse, avec les caractères standard. Mais parfois, les caractères alternatifs peuvent gêner. Dans l'exemple ci-dessous, le caractère alternatif Q a une queue qui se rapproche trop de l'en-tête qui continue sur la ligne Suivante .

Il s'agit d'un bon cas pour un Q avec une queue plus courte que l'on trouve dans le dessin standard, au lieu du caractère alternatif et de sa queue plus longue. Nous supprimons donc le police-paramètres des caractéristiques : "salt" de l'en-tête, pour utiliser la propriété standard Qillustré ci-dessous. Pour faire bonne mesure, l'en-tête - appelé hauteur de ligne en CSS - a été augmenté pour donner plus d'air entre les lignes de l'en-tête.

Exploiter le pouvoir des personnages alternatifs dès le départ

Lorsque vous choisissez une police de caractères, examinez comment elle fonctionne pour votre typographie Web en créant des permutations d'en-têtes, de texte courant, de légendes et de guillemets. Testez la lisibilité et l'intelligibilité. Utilisez des caractères alternatifs pour le plaisir et l'élégance, mais aussi pour la fonction.