En CSS (hojas de estilo en cascada), puede utilizar la propiedad font para definir la fuente del texto dentro de un elemento HTML. La propiedad font es una propiedad abreviada que combina varias propiedades relacionadas con fuentes en una.

A continuación se muestra un ejemplo básico de cómo se puede utilizar la propiedad font :

 CSS
 selector {
  font: style variant weight size/line-height family;
}

• estilo : El estilo de fuente (por ejemplo, normal, cursiva u oblicua).
• variante : La variante de fuente (por ejemplo, normal o versalitas).
• peso : El peso de la fuente (p. ej., normal, negrita, más negrita, más clara, 100, 200, ..., 900).
• size : El tamaño de fuente (por ejemplo, 12px, 1,5em, etc.).
• altura de línea : la altura de la línea (opcional, puede especificar un número o un porcentaje).
• familia : la familia de fuentes (por ejemplo, Arial, Helvetica, sans-serif).

He aquí un ejemplo práctico:

 CSS
 body {
  font: italic small-caps bold 16px/1.5 'Times New Roman', Times, serif;
}

En este ejemplo, el elemento body tiene una fuente en cursiva, versalitas y negrita con un tamaño de 16 píxeles, una altura de línea de 1,5 y una familia de fuentes que incluye 'Times New Roman', 'Times' y una serifa genérica. fuente.

Alternativamente, puede usar propiedades individuales relacionadas con fuentes si no desea usar la propiedad taquigráfica font . He aquí un ejemplo:

 CSS
 body {
  font-style: italic;
  font-variant: small-caps;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.5;
  font-family: 'Times New Roman', Times, serif;
}

El uso de propiedades individuales permite una mayor flexibilidad, pero la taquigrafía font se utiliza a menudo por motivos de brevedad.

Recuerde reemplazar el selector con el elemento o clase apropiado al que aplicar los estilos.