CSS/Eigenschaften/font-variant-ligatures

Die Eigenschaft font-variant-ligatures steuert, welche Ligaturen und kontextuellen Formen im Textinhalt der Elemente verwendet werden, für die sie gilt. Dies führt zu harmonischeren Formen im resultierenden Text.

Erlaubte Werte

• normal: Dieses Schlüsselwort führt zur Aktivierung der üblichen Ligaturen und kontextabhängigen Formen, die für eine korrekte Darstellung erforderlich sind. Welche Ligaturen und Formen aktiviert werden, hängt von der Schriftart, der Sprache und der Art der Schrift ab.
  

siehe font-variant-ligatures#values (MDN)

Vererbung steuernde Werte inherit, initial, unset und revert

Standardwert

normal

anwendbar auf

alle Elemente

Vererbung

ja

animierbar

nein

Beispiel

html {
	font: 1.5em/1.4 Lato, Calibri;
	font-variant-ligatures: discretionary-ligatures;
}
.no-ligature {
	font-variant-ligatures: none;
}

In diesem Beispiel werden für jeden Text besondere Ligaturen der Schrift aktiviert. Bei zusammengesetzten Worten wie z. B. „Chefingenieur“ sollten keine Ligaturen über Wortteilgrenzen führen.
Deshalb gibt es hier die Klasse .no-ligature für solche Wörter. Alternativ könnte man eine Silbentrennung mit ­ einsetzen.

Beachten Sie: Bei einer Formatierung mit letter-spacing werden Ligaturen aufgehoben.

Siehe auch

• Typografie/Variable Fonts
• SELF-Forum: font-variant-ligatures werden nicht (mehr) angezeigt vom 07.03.2023

Weblinks

• Spezifikation (W3C): font-variant-ligatures (CSS Fonts Module Level 4)
• MDN: font-variant-ligatures