Definición de .font aplicado en CSS
La propiedad .font en CSS es una propiedad abreviada que combina todas las siguientes subpropericciones en una sola declaración.
Caso de empleo de la propiedad font
Esta propiedad de CSS normalmente se emplea de esta forma:
body {
font: normal small-caps normal 16px/1.4 Georgia;
}
/* is the same as:
body {
font-family: Georgia;
line-height: 1.4;
font-weight: normal;
font-stretch: normal;
font-variant: small-caps;
font-size: 16px;
}
*/Sintaxis de .font en 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;Valores
| El valor de la propiedad | Descripción | Manifestación |
|---|---|---|
| Especifica el estilo de fuente. El valor predeterminado es "normal" | ||
| Especifica la variante de fuente. El valor predeterminado es "normal" | ||
| Especifica el peso de la fuente. El valor predeterminado es "normal" | ||
| / | Especifica el tamaño de fuente y la altura de línea. El valor predeterminado es "normal" | |
| Especifica la familia de fuentes. El valor predeterminado depende del navegador | ||
| subtítulo | Utiliza la fuente que utilizan los controles con subtítulos (como botones, menús desplegables, etc.) | |
| icono | Utiliza la fuente que utilizan las etiquetas de iconos. | |
| menú | Utiliza las fuentes que se utilizan en los menús desplegables | |
| caja de mensaje | Utiliza las fuentes que utilizan los cuadros de diálogo. | |
| subtítulos pequeños | Una versión más pequeña de la fuente de los subtítulos | |
| barra de estado | Utiliza las fuentes que utiliza la barra de estado | |
| inicial | Establece esta propiedad en su valor predeterminado. | |
| heredar | Hereda esta propiedad de su elemento principal. |
Exploradores compatibles con .font
Los números de la tabla especifican la primera versión del navegador que es absolutamente compatible con la propiedad.
Los números seguidos de -webkit- especifican la primera versión que funcionó con un prefijo.
| Property | Chrome | Internet Explorer / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|---|
| font-family | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
Bibliografía
- font-stretch
- font-variant
- font-style
- font-weight
- line-height
- font-size
- font-family
- OS specific fonts in CSS
