Propiedad font-family

La propiedad font-family establece el tipo de fuente.

Sintaxis

Nota

Si el nombre de la fuente contiene espacios, por ejemplo, Times New Roman, debe encerrarse entre comillas simples o dobles.

Nota

Se pueden enumerar varias fuentes similares separadas por comas. Cuando el navegador encuentra la primera fuente en la lista, verifica su presencia en la computadora del usuario. Si no existe tal fuente, se toma la siguiente fuente de la lista y también se analiza su presencia. Por lo tanto, varias fuentes aumentan la probabilidad de que al menos una de ellas se encuentre en la computadora del cliente.

La lista generalmente termina con una palabra clave, que describe el tipo de fuente (todas las fuentes pertenecen a algún tipo) - serif, sans-serif, cursive, fantasy o monospace. Si el navegador no encuentra ninguna de las fuentes especificadas en la computadora del usuario, entonces elegirá una de las fuentes del tipo indicado.

Tipos de fuentes

Tipo	Descripción
serif	Fuente con serifas.
sans-serif	Fuente sin serifas.
cursive	Fuente cursiva.
fantasy	Fuente decorativa con hermosos rizos y efectos inusuales.
monospace	Fuente monoespaciada, donde el ancho de cada carácter es el mismo.

Valor por defecto: fuente establecida en el navegador por defecto. Normalmente es Times New Roman.

Ejemplo

Asignemos a la fuente la familia Arial:

:

Ejemplo

Asignemos a la fuente la familia Times New Roman. Como el nombre de la fuente consta de varias palabras, lo ponemos entre comillas:

:

Ejemplo

Asignemos a la fuente una fuente del grupo serif (probablemente se usará Times New Roman):

:

Ejemplo

Asignemos a la fuente una fuente del grupo sans-serif (probablemente se usará Arial):

:

Ejemplo

Asignemos a la fuente una fuente del grupo fantasy (puede que no funcione debido a la ausencia de tal fuente):

:

Ejemplo

Asignemos a la fuente una fuente del grupo monospace (las letras se volverán del mismo tamaño):

: