La propiedad font-variant-alternates es una de las propiedades de CSS3 que generalmente se usa para habilitar varias funciones relacionadas con la fuente que pueden mejorar la apariencia del texto en la página. La propiedad font-variant-alternates se usa para seleccionar específicamente glifos alternativos.
Para cualquier carácter dado, las fuentes pueden proporcionar una variedad de glifos alternativos además del glifo predeterminado para ese carácter. A través de la propiedad font-variant-alternates , puede seleccionar qué glifo específico necesita para una situación determinada.
font-variant-alternates: normal | historical-forms | stylistic() |
styleset() | character-variant() |
swash() | ornaments() | annotation();
- Valores de palabras clave: toma valores de palabras clave como «normales» y «formas históricas».
- Valores de Notación Funcional: Toma valores de notación funcional como “swash”, “ornamentos”, “anotación”, “estilo”, “estilo”.
- Valores Globales: Toma valores globales como “inicial”, “heredado” y “desestablecido”.
HTML
<!DOCTYPE html>
<html>
<head>
<style>
@font-feature-values "Leitura Display Swashes" {
@swash {
fancy: 1;
}
}
p {
font-size: 5rem;
}
.variantAlternates {
font-family: Leitura Display Swashes;
font-variant-alternates: swash(fancy);
color: green;
}
</style>
</head>
<body>
<p class="variantAlternates">GeeksforGeeks</p>
</body>
</html>
Salida para el código anterior.
Navegadores compatibles: esta propiedad solo es compatible con el navegador Firefox.
Publicación traducida automáticamente
Artículo escrito por cyber_psych0 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA