Propiedades de Fuente
Propiedad resumida font
La propiedad 'font' es una propiedad abreviada, para establecer las propiedades 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' y 'font-family' ó algunas de ellas en una sola propiedad.
Peso, tamaño y familia de fuente
Definiendo cada una de las propiedades de fuente:
body {font-weight: normal;
font-size: 62.5%;
font-family: "Lucida Sans Unicode",sans-serif;}
Donde: indicamos un estilo de fuente normal con tamaño de fuente de 62.5% y familia de fuente "Lucida Sans Unicode",sans-serif;
Utilizando la propiedad abreviada font
El ejemplo anterior se puede optimizar y escribir en una sola línea:
body {font: normal 62.5% "Lucida Sans Unicode",sans-serif;}
Peso, tamaño, interlineado y familia de fuente
Definiendo cada una de las propiedades por separado:
body {font-weight: bold;
font-size: 22px;
line-height: 25px;
font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;}
Donde: definimos un tamaño de texto de 22px con line-heigth(interlineado) de 25px y familia de fuente "Trebuchet MS",Arial,Helvetica,sans-serif;
Utilizando la propiedad abreviada font tendremos
h2 {font: bold 22px/25px "Trebuchet MS",Arial,Helvetica,sans-serif;}
Ejemplos Varios propiedad resumida Font
h2{font:24px/24px Georgia, "Times New Roman", Times, serif;}
h3{font:14px/20px "Trebuchet MS",Arial, Helvetica, sans-serif;}
a{font:12px/21px "Trebuchet MS", Arial, Helvetica, sans-serif;}
