CSS fontPropiedad

Ejemplo

Especifica todas las propiedades de fuente en una sola declaración:

p.ex1 { font:15px arial,sans-serif; } p.ex2 { font:italic bold 12px/30px Georgia, serif; }

Pruébalo »

Hay más ejemplos al final de esta página.

La propiedad abreviada font establece todas las propiedades de fuente en una sola declaración.

Las propiedades que se pueden establecer son (en orden): "font-style font-variant font-weight font-size/line-height font-family"

Los valores de font-size y font-family son obligatorios. Si faltan otros valores, se insertarán los valores predeterminados, si los hay.

Nota:La propiedad line-height establece el espacio entre líneas.

Valor predeterminado:	not specified
Heredado:	yes
Versión:	CSS1
Sintaxis de JavaScript:	object.style.font="italic small-caps bold 12px arial,sans-serif"

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

Propiedad
font	1.0	4.0	1.0	1.0	3.5

Valor	Descripción
font-style	Define el estilo de la fuente. Consulte:font-stylepara los valores posibles.
font-variant	Define la variante de la fuente. Consulte:font-variantpara los valores posibles.
font-weight	Define el grosor de la fuente. Consulte:font-weightpara los valores posibles.
font-size/line-height	Define el tamaño de la fuente y la altura de línea. Consulte:font-sizeyline-heightpara los valores posibles.
font-family	Define la familia de la fuente. Consulte:font-familypara los valores posibles.
caption	Define la fuente utilizada por los controles de título (como botones, listas desplegables, etc.).
icon	Define la fuente utilizada por las etiquetas de iconos.
menu	Define la fuente utilizada por las listas desplegables.
message-box	Define la fuente utilizada por los cuadros de diálogo.
small-caption	Una versión pequeña de la fuente caption.
status-bar	Define la fuente utilizada por la barra de estado de la ventana.

Este ejemplo demuestra algunos otros valores de la propiedad font.