Propiedad fontFamily del estilo

Definición y uso

fontFamily Propiedad que establece o devuelve la lista de nombres de familias de fuentes (font-family) y/u nombres de series genéricas (generic-family) del texto del elemento.

El navegador usará el primero que pueda identificar.

Hay dos tipos de valores font-family:

  • font-family: Nombre de la familia de fuentes, como "verdana" o "arial"
  • generic-family: Nombre de la familia de fuentes genérica, por ejemplo "serif" o "sans-serif"

Consejo

¡Siempre especifique el nombre de la serie genérica como última opción!

Use comas para separar cada valor.

Si el nombre de la familia de fuentes contiene espacios, debe usarse comillas.

Vea también: Fuentes seguras de Web, para obtener combinaciones de fuentes comunes.

Vea también:

Tutorial de CSS:Fuentes CSS

Manual de referencia de CSS:Propiedad font-family

Manual de referencia de HTML DOM:Propiedad font

Ejemplo

Ejemplo 1

Establecer la fuente del elemento <p>:

document.getElementById("myP").style.fontFamily = "Impact,Charcoal,sans-serif";

Pruebe usted mismo

Ejemplo 2

Demostración de posibles valores:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontFamily = listValue;

Pruebe usted mismo

Ejemplo 3

Retorna la fuente del elemento <p>:

alert(document.getElementById("myP").style.fontFamily);

Pruebe usted mismo

Sintaxis

Retornar fontFamily propiedad:

object.style.fontFamily

Establecer fontFamily propiedad:

object.style.fontFamily = "font1, font2...|initial|inherit"

Valor de la propiedad

Valor Descripción
font1, font2... Lista separada por comas de nombres de familias de fuentes y/u nombres de series genéricas.
initial Establezca esta propiedad en su valor predeterminado. Consulte initial.
inherit Hereda esta propiedad del elemento padre. Consulte inherit.

Detalles técnicos

Valor predeterminado: No especificado
Valor de retorno: Cadena, que representa el nombre del tipo de fuente del texto del elemento.
Versión de CSS: CSS1

Compatibilidad del navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Soporte Soporte Soporte Soporte Soporte