Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Titre du document </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>Exemple de la propriété @Font-feature-values</h2>
<p>
La propriété CSS font-variant-alternates contrôle l'utilisation des glyphes alternatifs. Ces autres glyphes peuvent être référencés par des noms alternatifs définis dans @ font-feature-values.
</p>
<p>Cette propriété est supportée par Firefox et Safari.</p>
<p class="variant">Cette propriété est supportée par Firefox et Safari.</p>
</body>
</html>