Abreviando propiedades de fuente CSS

Familias de fuentes Genéricas

Para optimizar el tamaño de la hoja de estilo, utilizaremos la propiedad 'font', que resumira las propiedades 'font-style', 'font-variant', 'font-weight', 'font-size', 'line-height' y 'font-family' en una sola declaración.

Tenemos las siguientes propiedades de fuente aplicadas:

h2{font-weight: bold;
  font-size: 16px;
  line-height: 18px;
  font-family: sans-serif:
  }

optimizando y de forma equivalente escribimos:

h2 {font:bold 16px/18px sans-serif;}

Las propiedades no definidas explicitamente tienen valores iniciales, es decir, en el ejemplo 01 no definimos las propiedades 'font-style' ni 'font-variant' entonces estos tienen sus valores iniciales o predeterminados

En este caso especificaremos el tamaño de texto y la familia de fuente

h2{font-size: 19px;
   font-family: sans-serif:
  }

De forma abreviada tendriamos:

h2 {font: 19px sans-serif; }

En este caso especificaremos el tamaño de texto en 19px, un interlineado de 14px, familia de fuente ("Times New Roman", Times y familia genérica serif)

h2{font-size: 19px;
   line-height:14px;
   font-family: "Times New Roman", Times, serif;
  }

Abreviando tenemos:

h4 {font: 13px/14px "Times New Roman", Times, serif;}