Vimos anteriormente una serie de propiedades relacionadas a la fuente:
font-family Especifica la familia de fuentes. El valor predeterminado depende del navegador
font-size Especifica el tamaño de la fuente y la altura de la línea. El valor predeterminado es "normal"
font-style
Especifica el estilo de fuente. El valor predeterminado es "normal"
font-weight
Especifica el peso de la fuente. El valor predeterminado es "normal"
font-variant Especifica la variante de fuente. El valor predeterminado es "normal"
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:
<html>
<head>
<title>Problema</title>
<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.
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;
}