Die Eigenschaft font-variant-ligatures

❮ Vorige Nächste ❯

Die Eigenschaft font-variant-ligatures steuert die Ligaturen und kontextuellen Formen, die harmonisiertere Formen erzeugen sollen. Diese Eigenschaft wird durch die folgenden Werte angegeben:

normal
none
<common-lig-values>
<discretionary-lig-values>
<historical-lig-values>
<contextual-alt-values>

Anfangswert	normal
Gilt für	Alle Elemente. Es gilt auch für ::first-letter und ::first-line.
Geerbt	Ja
Animierbar	Nein
Version	CSS3
DOM Syntax	object.style.fontVariantLigatures = "normal";

Syntax

font-variant-ligatures: normal | none |  <common-lig-values> | <discretionary-lig-values> | <historical-lig-values> | <contextual-alt-values>;

Beispiel

<!DOCTYPE html>
<html>
  <head>
    <title>Der Titel des Dokuments</title>
    <style>
      div {
      font-family: Lora, serif;
      font-size: 35vw;
      }
      .gray {
      font-variant-ligatures: no-common-ligatures;
      color: #ccc;
      }
      .blue {
      font-variant-ligatures: common-ligatures;
      color: #1c87c9;
      }
    </style>
  </head>
  <body>
    <h2>Ein Beispiel für die Eigenschaft Font-variant-ligatures</h2>
    <div>
      <span class="gray">fi</span>
      <span class="blue">fi</span>
    </div>
  </body>
</html>

Versuch es selber!

Werte

Wert	Beschreibung
normal	Die Aktivierung von Formularen und Ligaturen hängt von der Schriftart, der Sprache und der Art des Skripts ab. Das ist der Standardwert dieser Eigenschaft.
none	Alle Ligaturen und Kontextformen sind deaktiviert.
<common-lig-values>	Steuert alle Ligaturen.
<discretionary-lig-values>	Steuert spezifische Ligaturen.
<historical-lig-values>	Steuert Ligaturen, die in alten Büchern verwendet werden.
<contextual-alt-values>	Steuert die Anpassung der Buchstaben an ihren Kontext.
initial	Der Wert stellt die Eigenschaft auf seinen Standardwert ein.
inherit	Der Wert erbt die Eigenschaft von ihrem übergeordneten Element.