<!DOCTYPE html>
<html>
<head>
<title>Der Titel des Dokuments</title>
<style>
@font-feature-values "Leitura Display Swashes" {
@swash { fancy: 1; }
}
p {
font-size: 1.5rem;
}
.variant {
font-family: Leitura Display Swashes;
font-variant-alternates: swash(fancy);
}
</style>
</head>
<body>
<h2>Ein Beispiel für die Eigenschaft @Font-feature-values property example</h2>
<p>
Die CSS-Eigenschaft font-variant-alternates steuert die Verwendung alternativer Glyphen. Diese alternativen Glyphen können durch alternative Namen, die in @font-feature-values definiert sind, referenziert werden.
</p>
<p>Diese Eigenschaft wird von Firefox und Safari unterstützt.</p>
<p class="variant">Diese Eigenschaft wird von Firefox und Safari unterstützt.</p>
</body>
</html>