Ya hace más de un año , que estuve peleando con una web para que me cargara de forma correcta una fuente ( ver fuente entypo ). Ahora me volvío a tocar realizar una web que necesita muchas fuentes, hasta solo necesitaba ,una o dos fuentes como mucho, por este motivo no le presté demasiado información a la instrucción:
@font-face {
font-family: [NombreFuente]
scr: url(' ../fonts/[nombrefichero.eot]')
scr: url(' ../fonts/[nombrefichero.ttf]');
}
Realizamos una declaración de una fuente con dos ficheros como mínimo, el .eot que es el necesario para los navegadores como IE y .ttf para el resto de navegadores.
Fuentes y Referencia para más información facilitada por nuestro amigo y compañero Pablo Arias.
¿Como utilizar cualquier fuente/tipografía en tu web ?
https://css-tricks.com/snippets/css/using-font-face/