La propriété font-variant-ligatures contrôle quelles ligatures et formes contextuelles sont utilisées dans les éléments textuels auxquels elle s'applique. Ceci vise à harmoniser l'affichage du texte.
font-variant-ligatures: normal; font-variant-ligatures: none; font-variant-ligatures: common-ligatures; /* <common-lig-values> */ font-variant-ligatures: no-common-ligatures; /* <common-lig-values> */ font-variant-ligatures: discretionary-ligatures; /* <discretionary-lig-values> */ font-variant-ligatures: no-discretionary-ligatures; /* <discretionary-lig-values> */ font-variant-ligatures: historical-ligatures; /* <historical-lig-values> */ font-variant-ligatures: no-historical-ligatures; /* <historical-lig-values> */ font-variant-ligatures: contextual; /* <contextual-alt-values> */ font-variant-ligatures: no-contextual; /* <contextual-alt-values> */ font-variant-ligatures: contextual; /* <no-historical-ligatures> <common-ligatures> */ /* Valeurs globales */ font-variant-ligatures: inherit; font-variant-ligatures: initial; font-variant-ligatures: unset;
| Valeur initiale | normal |
|---|---|
| Applicabilité | tous les éléments. S'applique aussi à ::first-letter et ::first-line. |
| Héritée | oui |
| Média | visuel |
| Valeur calculée | comme spécifié |
| Type d'animation | discrète |
| Ordre canonique | l'ordre d'apparition dans la grammaire formelle des valeurs |
Syntaxe
La valeur de cette propriété peut être l'un des mots-clés définis ci-après.
Valeurs
normal- Cette valeur active les ligatures et les formes contextuelles courantes pour un rendu correct. Les ligatures et formes activées dépendent de la police utilisée, de la langue et de certains scripts. C'est la valeur par défaut.
none- Cette valeur désactive toutes les ligatures et formes contextuelles, y compris celles couramment utilisées.
- <common-lig-values>
- Ces valeurs contrôlent les ligatures les plus courantes, comme
fi,ffi,thet autres. Elles correspondent aux valeurs OpenTypeligaandclig. Deux valeurs sont possibles:common-ligaturesactive ces ligatures. Notez que la valeurnormalactive ces ligatures.no-common-ligaturesdésactive ces ligatures.
- <discretionary-lig-values>
- Ces valeurs contrôlent les ligatures spécifiques, spécifiques à la police et définies par le fondeur. Elles correspondent à la valeur OpenType
dlig. Deux valeurs sont possibles:discretionary-ligaturesactive ces ligatures.no-discretionary-ligaturesdésactive ces ligatures. Notez que la valeurnormaldésactive ces ligatures.
- <historical-lig-values>
- Ces valeurs contrôlent les ligatures historiques, utilisées dans les livres anciens, comme l'allemand tz qui devient ß. Elles correspondent à la valeur OpenType
hlig. Deux valeurs sont possibles:historical-ligaturesactive ces ligatures.no-historical-ligaturesdésactive ces ligatures. Notez que la valeurnormaldésactive ces ligatures.
- <contextual-alt-values>
- Ces valeurs contrôlent la manière dont les lettres s'adaptent à leur contexte, c'est-à-dire aux lettres qui les entourent. Elles correspondent à la valeur OpenType
calt. Deux valeurs sont possibles:contextualprécise que des alternatives contextuelles peuvent être utilisées. Notez que la valeurnormalactive ces ligatures.no-contextualinterdit leur utilisation.
Syntaxe formelle
normal | none | [ <common-lig-values> || <discretionary-lig-values> || <historical-lig-values> || <contextual-alt-values> ]où
<common-lig-values> = [ common-ligatures | no-common-ligatures ]
<discretionary-lig-values> = [ discretionary-ligatures | no-discretionary-ligatures ]
<historical-lig-values> = [ historical-ligatures | no-historical-ligatures ]
<contextual-alt-values> = [ contextual | no-contextual ]
Exemples
CSS
p {
-moz-font-variant-ligatures: historical-ligatures;
-webkit-font-variant-ligatures: historical-ligatures;
}
HTML
<p lang="de">tz</p>
Résultat
Spécifications
| Spécification | État | Commentaires |
|---|---|---|
| CSS Fonts Module Level 3 La définition de 'font-variant-ligatures' dans cette spécification. |
Candidat au statut de recommandation | Définition initiale. |
Compatibilité des navigateurs
| Fonctionnalité | Firefox (Gecko) | Chrome | Internet Explorer | Opera | Safari (WebKit) |
|---|---|---|---|---|---|
| Support simple | 34 (34) [1] | 31 -webkit 34 |
10.0 | 19.0-webkit | 7.0-webkit |
| Fonctionnalité | Android | Firefox Mobile (Gecko) | IE Phone | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|
| Support simple | 4.4 -webkit | 34.0 (34)[1] | ? | ? | 7.0-webkit |
[1] Une implémentation expérimentale était disponible depuis Gecko 24. Elle était gérée avec la préférence layout.css.font-features.enabled qui était activée par défaut sur les canaux Nightly et Aurora. Le mot-clé none a été ajouté avec Gecko 28.