Como incluir fuentes en nuestra web con @font-face

Una nueva propiedad de CSS3 nos permite incluir en nuestra web cualquier fuente de la que tengamos los archivos. Para ello lo único que tenemos que hacer es:

Ponemos nuestros archivod .ttf (TrueType) o .otf (OpenType) en una carpeta de nuestra web (por ejemplo la fuente “fontName.otf” en la carpeta “fonts”)

Añadimos a la CSS de nuestra página las siguientes líneas

@font-face {
    font-family: fontName;
    src: url(fonts/fontName.otf);
}

Ya podemos utilizar nuestra nueva fuente, por ejemplo en los titulares h2

h2 {
    font-family: fontName, Helvetica, Arial, sans-serif;
}