Atributo font de CSS

Definición y uso

La propiedad abreviada de fuente configura todos los atributos de tipo de letra en una declaración.

Notas:Esta propiedad también tiene un sexto valor: "line-height", que permite configurar el espaciado entre líneas.

Descripción

Esta propiedad abreviada se utiliza para configurar dos o más aspectos del tipo de letra de un elemento en una sola vez. Al usar palabras clave como icono, se puede configurar adecuadamente el tipo de letra del elemento para que coincida con algún aspecto del entorno de computación del usuario. Tenga en cuenta que, si no se utilizan estas palabras clave, al menos se debe especificar el tamaño de la fuente y la serie de fuentes.

Se pueden establecer los siguientes atributos en orden:

No es necesario establecer algún valor, por ejemplo, font:100% verdana; también es permitido. Los atributos no establecidos usarán su valor predeterminado.

Vea también:

Tutorial de CSS:Fuente de CSS

Manual de referencia de HTML DOM:Atributo font

Ejemplo

Configura todas las propiedades de fuente en una declaración:

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

Prueba tu mismo

Sintaxis de CSS

font: font-style font-variant font-weight font-size/line-height font-family|caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;

Valor del atributo

Valor Descripción
font-style Define el estilo de la fuente. Ver:font-style Valores posibles.
font-variant Define la variante de la fuente. Ver:font-variant Valores posibles.
font-weight Define el grosor de la fuente. Ver:font-weight Valores posibles.
font-size/line-height Define el tamaño de fuente y la altura de línea. Ver:font-size y line-height Valores posibles.
font-family Define la serie de fuentes. Ver:font-family Valores posibles.
caption Define la fuente utilizada por los controles de título (como botones, listas desplegables, etc.).
icon Define la fuente utilizada por los íconos.
menu Define la fuente utilizada por las listas desplegables.
message-box Define la fuente utilizada por los cuadros de diálogo.
small-caption Versión pequeña de la fuente de caption.
status-bar Define la fuente utilizada por la barra de estado de la ventana.

Detalles técnicos

Valor predeterminado: no especificado
Herencia: sí
Versión: CSS1
Sintaxis de JavaScript: object.style.font="italic small-caps bold 12px arial,sans-serif"

Ejemplo TIY

Todas las propiedades de fuente en una declaración
Este ejemplo muestra cómo usar propiedades abreviadas para establecer propiedades de fuente en una declaración.
Configuración de la fuente del párrafo utilizando el valor "caption"
Este ejemplo muestra cómo configurar la fuente del párrafo utilizando el valor "caption".

Compatibilidad del navegador

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

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 3.5