CSS

`@font-face`

Declara una tipografia personalizada a partir de un archivo, para poder usarla con font-family aunque no venga instalada en el sistema del usuario.

El resultado visual depende de que el archivo de fuente indicado en src este disponible.

Vista previa

Codigo

ejemplo.html

<style>
  @font-face {
    font-family: "MiFuente";
    src: url("/fuentes/mi-fuente.woff2") format("woff2");
  }
  .personalizada { font-family: "MiFuente", sans-serif; }
</style>
<p class="personalizada">Texto con tipografia personalizada</p>