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.
Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
---|---|---|---|---|---|
font-feature-settings | 48.0 16.0 -webkit- | 10.0 | 34.0 15.0 -moz- | 9.1 | 35.0 15.0 -webkit- |