Propiedad font
La propiedad font es una propiedad abreviada,
en la que se pueden utilizar las siguientes propiedades
CSS: font-size,
font-style,
font-weight,
line-height,
font-family,
font-variant.
Sintaxis
selector {
font: [font-style|font-variant|font-weight] font-size [/line-height] font-family;
}
Las propiedades obligatorias son font-size
y font-family, las demás se pueden omitir,
manteniendo el orden.
Las propiedades font-style, font-variant,
font-weight se pueden intercambiar en cualquier
orden entre sí.
Tenga en cuenta que la propiedad line-height
se escribe mediante una barra después de la propiedad font-size.
Ejemplo
Hagamos texto en cursiva de tamaño
15px, con el tipo Arial, y con interlineado
de 30px:
<p>
some long text
</p>
p {
font: italic 15px/30px Arial;
text-align: justify;
}
:
Ejemplo
Otro ejemplo:
<p>
some long text
</p>
p {
font: bold 16px/20px "Times New Roman", Georgia, serif;
text-align: justify;
}
:
Ejemplo
Establezcamos solo el tamaño de fuente y la familia, omitiendo otras propiedades:
<p>
some long text
</p>
p {
font: 18px Arial;
text-align: justify;
}
:
Ejemplo
Si solo se establece el tamaño de fuente, no se aplicará, ya que también debe establecerse obligatoriamente la familia de fuentes:
<p>
some long text
</p>
p {
font: 30px;
text-align: justify;
}
:
