Si desea controlar las funciones tipográficas avanzadas en fuentes de tipo abierto, la propiedad font-feature-settings es muy útil para los desarrolladores.
Al usar esta propiedad, podemos obtener control sobre configuraciones tipográficas avanzadas como caracteres decorativos, versalitas y ligaduras. Para activarlos, debe declarar el valor entre comillas seguido de 1 o encendido si desea habilitar. Si desea deshabilitarlo, puede usar 0 o apagado.
Sintaxis:
font-feature-settings: values;
Valores de propiedad: Esta propiedad acepta el valor de propiedad que se describe a continuación.
- valores: esta propiedad hace referencia a los valores definidos por las etiquetas de características de OpenType como «smcp», «smcp» on, «swsh» on, etc. Tiene valores globales como: «heredar», «inicial» y «no establecido».
Nota: El valor predeterminado para la configuración de características de fuentes es normal.
Ejemplo 1: a continuación se muestra el ejemplo que ilustra el uso de la propiedad font-feature-settings con el valor «hlig».
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
color: green;
padding: 7px;
font-weight: bold;
font-feature-settings: "hlig" 4;
}
</style>
</head>
<body>
<p>GeeksforGeeks!</p>
</body>
</html>
Producción:
función de fuente a hlig
Ejemplo 2: a continuación se muestra el ejemplo que ilustra el uso de la propiedad font-feature-settings utilizando el valor «smcp» y «swsh».
HTML
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
p {
color: green;
padding: 8px;
font-weight: bold;
font-style: italic;
font-feature-settings: "smcp", "swsh" 5;
}
</style>
</head>
<body>
<p>It is a Computer Science portal</p>
</body>
</html>
Producción:
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