Para acortar el código, también es posible especificar todas las propiedades de fuente individuales en una sola propiedad.
La propiedad font es una propiedad abreviada para:
font-style
font-variant
font-weight
font-size/line-height
font-familyNota: tamaño de fuente y familia de fuentes Se requieren valores. Si falta uno de los otros valores, se utiliza su valor predeterminado.
Utilice font para establecer varias propiedades de fuente en una declaración:
p.a
{
font: 20px Arial, sans-serif;
}
p.b
{
font: italic small-caps bold 12px/30px Georgia, serif;
}Pruébelo usted mismo →
<!DOCTYPE html>
<html>
<head>
<style>
p.a {
font: 20px Arial, sans-serif;
}
p.b {
font: italic small-caps bold 12px/30px Georgia, serif;
}
</style>
</head>
<body>
<h1>The font Property</h1>
<p class="a">This is a paragraph. The font size is set to 20 pixels, and the font family is Arial.</p>
<p class="b">This is a paragraph. The font is set to italic, small-caps and bold, the font size is set to 12 pixels, the line height is set to 30 pixels, and the font family is Georgia.</p>
</body>
</html>
Establece todas las propiedades de fuente en una declaración
Especifica la familia de fuentes para el texto.
Especifica el tamaño de fuente del texto.
Especifica el estilo de fuente para el texto.
Especifica si un texto debe mostrarse o no en fuente de versalitas
Especifica el peso de una fuente.