Atributo font-family de CSS

Definición y uso

font-family especifica la serie de caracteres del elemento.

font-family puede usar varios nombres de fuentes como un sistema de "reserva" para guardar múltiples nombres de familias de fuentes. Si el navegador no admite la primera fuente, intentará la siguiente. Es decir, el valor de la propiedad font-family es una lista de prioridad de nombres de familias o nombres de clases de familias de fuentes para un elemento determinado. El navegador usará el primer valor que pueda identificar.

Hay dos tipos de nombres de familias de fuentes:

  • Nombres específicos de series: nombres específicos de fuentes, por ejemplo: "times", "courier", "arial".
  • Nombres comunes de familias de fuentes: por ejemplo: "serif", "sans-serif", "cursive", "fantasy", "monospace"

Consejo:Separe cada valor con comas y siempre proporcione un nombre de clase como última opción.

Nota:El uso de una familia de fuentes específica (Geneva) depende de si la familia de fuentes está disponible en la máquina del usuario; esta propiedad no indica ninguna descarga de fuentes. Por lo tanto, se recomienda encarecidamente usar un nombre de familia de fuentes genérica como respaldo.

Véase también:

Tutoriales de CSS:Fuente de CSS

Manual de referencia de CSS:Atributo font de CSS

Manual de referencia del DOM HTML:Atributo de fuente

Ejemplo

Establecer la fuente para los párrafos:

p
  {
  font-family:"Times New Roman",Georgia,Serif;
  }

Prueba por ti mismo

Sintaxis de CSS

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

Valor del atributo

Valor Descripción
  • family-name
  • generic-family

Una lista de prioridad de nombres de familias o nombres de clases de familias de fuentes para un elemento determinado.

Valor predeterminado: depende del navegador.
inherit Se debe especificar la herencia de la serie de caracteres del elemento padre.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.fontFamily="arial,sans-serif"

Ejemplo TIY

Configurar la fuente del texto
Este ejemplo muestra cómo configurar la fuente del texto.

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la propiedad.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5