Vimos anteriormente una serie de propiedades relacionadas a las fuentes:
font-family font-size font-style font-weight font-variant
En situaciones donde necesitemos inicializar varias de estas propiedades CSS nos permite utilizar una propiedad que engloba a todas estas:
font
Podemos indicar en cualquier orden font-weight, font-style, font-variant y luego los valores obligatorios font-size y font-family en ese orden.
Como ejemplo tenemos:
<!DOCTYPE html> <html> <head> <title>Problema</title> <meta charset="UTF-8"> <link rel="StyleSheet" href="estilos.css" type="text/css"> </head> <body> <p>Hola Mundo</p> </body> </html>Luego el archivo de estilos:
p {
font:bold italic 25px verdana;
}
Es importante recordar que font-size y font-family deben ser los últimos valores inicializados y en ese orden. No debemos separar por coma.
Otros ejemplos:
p {
font: 16px Arial, Helvetica, sans-serif;
}
h1 {
font: italic bold 25px sans-serif;
}