MDN wants to learn about developers like you: https://qsurvey.mozilla.com/s3/MDN-survey

Resumen

El descriptor CSS font-family CSS permite al autor especificar el tipo de fuente para un elemento.

La propiedad font-family puede contener varias fuentes  a modo de sistema de "seguridad. Si el navegador no soporta la primera, probará con la siguiente y así sucesivamente.

hay dos tipos de nombres de familias de fuentes:

  • family-name - El nombre de la familia de fuentes, como  "times", "courier", "arial", etc.
  • generic-family - El nombre de la familia genérica , como "serif", "sans-serif", "cursive", "fantasy", "monospace".

Comienza con la fuente que quieras, y acaba siempre con una familia de fuente genérica para permitir al navegador elegir una fuente similar dentro de la familia genérica en caso de que no haya otras fuentes disponibles.

Related at-rule@font-face
Valor inicialn/a (required)
Mediaall
Valor calculadocomo se especifica
Canonical orderel orden único no-ambigüo definido por la gramática formal

Síntaxis

font-family: font|initial|inherit;

Valores

family-name
generic-family

Un lista priorizada de nombre de familias de fuentes y/o de nombres de familias genéricas.

initial
Establace el valor por defecto para esta propiedad.

inherit
Hereda esta propiedad del elemento padre.

serif
Fuente genérica con serif como, por ejemplo, el tipo de fuente Times.

sans-serif
Fuente genérica sin serif como, por ejemplo, el tipo de fuente Arial.

fantasy
Fuente genérica Fantasy.

monospace
Fuente genérica Monospace, como por ejemplo Courier.

cursive
Fuente genérica cursiva, como por ejemplo Script.

Síntaxis Formal

<family-name>

where
<family-name> = <string> | <custom-ident>+

Ejemplos

Como ejemplo , consideremos la familia de fuentes garamon, es su forma normal, obtendremos el siguiente resultado:

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

Especificaciones

Especificación Estado Comentario
CSS Fonts Module Level 3
La definición de 'unicode-range' en esta especificación.
Candidate Recommendation Definición inicial

Compatibilidad con los distintos navegadores

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Característica Firefox (Gecko) Chrome Internet Explorer Opera Safari
Soporte básico 1.0 1.0 4.0 3.5 1.0

 

Etiquetas y colaboradores del documento

Etiquetas: 
 Colaboradores en esta página: pekechis
 Última actualización por: pekechis,