<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</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>Пример свойства @font-feature-values</h2>
<p>
Свойство font-variant-alternates контролирует использование альтернативных глифов. Эти альтернативные глифы могут содержать ссылку в виде альтернативных названий, которые установлены в @font-feature-values.
</p>
<p>Это свойство поддерживается браузерами Firefox и Safari.</p>
<p class="variant">Это свойство поддерживается браузерами Firefox и Safari.</p>
</body>
</html>