Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</title>
<style>
@font-feature-values "Leitura Display Swashes" {
@swash { fancy: 1 }
}
p {
font-size: 2rem;
}
.variant {
font-family: Leitura Display Swashes;
font-variant-alternates: swash(fancy);
}
</style>
</head>
<body>
<h2>Пример свойства font-variant-alternates</h2>
<p>Только Firefox поддерживает это свойство.</p>
<p class="variant">Только Firefox поддерживает это свойство.</p>
</body>
</html>