Como publiqué hace algún tiempo en la entrada «Incluir fuentes con CSS cuando programas tu web» hay diversas formas de añadir fuentes en nuestra página web.

Una de las que analizamos fue mediante el @font-face en CSS. Gracias a Fer que nos planteo una duda, me he animado a analizar de forma más extensa esta forma de incluir esa fuente.

 @font-face{

Esta etiqueta permite vincular un archivo en el que esté la fuente que vamos a usar, para que el cliente lo descargue y se muestre correctamente en el equipo.

Sintaxis

Valores

<nombre>

Nombre de la fuente.

<origen>

Dirección URL de la ubicación remota de la fuente, o el nombre de una fuente del ordenador del usuario de la siguiente manera: local(«Nombre de la Fuente»)

<peso>

Indica el peso de la fuente, si ser trata de una fuente bold, bolder

<estilo>

Indica el estilo de la fuente, si es una fuente es italic, oblique