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

cssselector {
  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:

html<p>
  some long text
</p>

cssp {
  font: italic 15px/30px Arial;
  text-align: justify;
}

Результат:

Ejemplo

Otro ejemplo:

html<p>
  some long text
</p>

cssp {
  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:

html<p>
  some long text
</p>

cssp {
  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:

html<p>
  some long text
</p>

cssp {
  font: 30px;
  text-align: justify;
}

Результат: