Source Code:
(back to article)
Submit
Result:
Report an issue
<!DOCTYPE html> <html> <head> <title>Title of the 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>@Font-feature-values property example</h2> <p> The font-variant-alternates CSS property controls the usage of alternate glyphs. These alternate glyphs may be referenced by alternative names defined in @font-feature-values. </p> <p>This property is supported by Firefox and Safari.</p> <p class="variant">This property is supported by Firefox and Safari.</p> </body> </html>