font-family
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
Resumen
La propiedad font-family define una lista de fuentes o familias de fuentes, con un orden de prioridad, para utilizar en un elemento seleccionado. A diferencia de la mayoría de las propiedades CSS, los valores se separan con comas (",") para indicar que son valores alternativos.
| Valor inicial | depends on user agent |
|---|---|
| Applies to | all elements and text. It also applies to ::first-letter and ::first-line. |
| Heredable | yes |
| Valor calculado | como se especifica |
| Animation type | discrete |
Sintaxis
font-family: <familia o nombre genérico> [, <familia o nombre genérico>]* | inherit
Valores
- <nombre de familia o genérico>
-
puede ser un
<nombre de familia>o un<nombre genérico> - nombre de familia
-
El nombre de la familia de la fuente. Por ejemplo, 'Times' y 'Helvética' son nombres de familia. Los nombres de familia que contengan espacios, deben escribirse entre comillas (por ejemplo: "Times New Roman").
- nombre genérico
-
Se han definido los siguientes nombres genéricos:
serif, sans-serif, cursive, fantasy, monospace. Los nombres genéricos son palabras claves y no deben ponerse entre comillas.
Ejemplos
body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }
.receipt { font-family: Courier, "Lucida Console", monospace }
Notas
Un nombre genérico debería ser siempre el último de la lista en una propiedad font-family.
La propiedad font-family especifica una lista de fuentes, desde la prioridad más alta a la más baja. La selección de fuentes no se detiene en la primera de la lista que está en el equipo del usuario. Por el contrario la selección de fuentes se realizacarácter a carácter, por lo que, si una fuente seleccionada no tiene el carácter que se quiere mostrar, se recurre a la siguiente.
Cuando una fuente no está disponible en algún estilo de fuente, variantes de fuente, o tamaño de fuente, estas propiedades pueden influir en la elección de la fuente.
Especificaciones
Compatibilidades
TBD (La mejor manera centralizada en un único cuadro de compatibilidad.)