font-family

Índice

Definición de .font-family utilizado en CSS

La propiedad .font-family define la fuente que se aplica al elemento seleccionado. La fuente que se selecciona no es una sola cara de fuente, sino una «familia», y por lo tanto puede depender de otros valores de propiedades tipográficos para seleccionar la cara correcta dentro de la familia.

Caso de uso : propiedad CSS font-family

Esta propiedad de CSS normalmente se emplea de esta forma:

body {
    font-family: Arial, Helvetica, sans-serif;
}

Sintaxis de .font-family en CSS

font-family: family-name|generic-family|initial|inherit;

Valores

Valor Descripción Manifestación
nombre de familia / familia genérica Una lista priorizada de nombres de familias de fuentes y/o nombres de familias genéricos
inicial Establece esta propiedad en su valor predeterminado.
heredar Hereda esta propiedad de su elemento principal.

Exploradores compatibles con .font-family

Los números de la tabla detallan la primera versión del navegador que es plenamente compatible con la propiedad.

Los números seguidos de -webkit- detallan la primera versión que funcionó con un prefijo.

PropertyChromeInternet Explorer / EdgeFirefoxSafariOpera
font-feature-settings 48.0
16.0 -webkit-
10.0 34.0
15.0 -moz-
9.1 35.0
15.0 -webkit-

Referencias técnicas

Quizás te interesen estas propiedades

¿Necesitas ayuda para crear tu Web?

Cuéntanos de que trata y te asesoraremos sin compromiso