NovaMonoFix
Errores PHP
X
Usuario
Password
0 FPS

Propiedad CSS : font-family

30 de Diciembre del 2020 por Josep Antoni Bover. 32 visitas, 0 comentarios, 0 votos
Categorías : CSS.
La web está en segundo plano, animación en pausa.
Cargando animación...

Esta propiedad nos permite especificar la fuente que se usara.

Se puede especificar un nombre concreto de fuente, por ejemplo Times New Roman, una familia de fuentes, por ejemplo times, o una familia genérica como por ejemplo serif.

Es muy recomendable por no decir imprescindible añadir en primer lugar el nombre de la fuente concreta que deseamos utilizar, y luego añadir una familia de fuentes o una familia genérica, por si se da el caso en que el navegador no puede cargar la fuente que seleccionamos inicialmente.
Cada sistema operativo tiene sus fuentes y no tienen porque parecerse, además aunque utilicemos la regla @font-face para definir nuestra propia fuente, puede darse el caso que el navegador no soporte dicha regla, por lo que deberá cargar la siguiente familia de la lista.

Sintaxis

font-family: valor ;
Se pueden añadir uno o mas valores separados por ujna coma. Si el valor incluye espacios debemos marcarlo entre comillas.

Nombre de la fuente El nombre de la fuente, por ejemplo "Lucida Sans Unicode".
Nombre de la familia El nombre de la familia de un tipo de fuentes, por ejemplo : times, courier, arial.
Familia genérica El nombre de la familia generica de un tipo de fuentes, por ejemplo : serif, sans-serif, cursive, fantasy, monospace.
inherit El nombre de la fuente se heredara del objeto padre.
Este valor no se soporta en IE7, y en IE8 requiere la declaración de un !DOCTYPE.


Código de ejemplo



Compatibilidad

Esta propiedad es soportada por todos los navegadores compatibles con CSS1.

Soportado a partir de la versión 1
Soportado a partir de la versión 1
Soportado a partir de la versión 3.5
Soportado a partir de la versión 1
Soportado a partir de la versión 3

Documento modificado por última vez : 30/12/2020
Ejemplo modificado por última vez : 30/12/2020

Enlaces relacionados