La propiedad font-variant-settings permite a los usuarios obtener un buen control de bajo nivel sobre las fuentes con características variables. Los usuarios pueden especificar el nombre del eje de la letra de la fuente del carácter cuyo valor se va a modificar.
Hay dos formas de especificar esta propiedad, una de las cuales es normal y la segunda es un número de string. Cuando se aplica la propiedad normal , el texto se distribuirá según la configuración predeterminada. Esta propiedad es un mecanismo de bajo nivel que está diseñado para que los usuarios puedan establecer funciones de fuentes variables.
Sintaxis: A continuación se muestra la sintaxis de la propiedad font-variation-settings .
font-variant-settings: normal | small-caps | initial | inherit;
Valores de propiedad:
- Default_Value: para utilizar la configuración predeterminada, el valor utilizado es «normal».
- Global_Values: los valores globales se definen como «heredar», «inicial», «revertir» y «desestablecer».
Ejemplo 1: a continuación se muestra el ejemplo de configuración de variante de fuente utilizando el valor «normal».
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.normal {
color: green;
padding: 7px;
font-weight: bold;
font-variant: normal;
}
</style>
</head>
<body>
<p class="normal">
Hello, this is GeeksforGeeks!!
</p>
</body>
</html>
Producción:
Ejemplo 2: a continuación se muestra el ejemplo de configuración de variante de fuente que usa el valor «small-caps».
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p.small {
color: green;
padding: 12px;
font-weight: bold;
font-variant: small-caps;
}
</style>
</head>
<body>
<p class="small">
Hello, this is GeeksforGeeks!!
</p>
</body>
</html>
Producción:
letras minúsculas
Navegadores compatibles:
- Cromo
- Firefox
- Ópera
- Safari
- Borde
- explorador de Internet
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