Realiza una pagina web aparte (simplifica aun mas tu problema). Yo aca te pongo el ejemplo de lo que siempre me funciona, no me lo estoy inventando, incluso lo tengo en mi blog. Reemplazalo por tu fuente (yo puse una de ejemplo que tengo aca). De igual forma verifica que todas las fuentes que necesites las tengas en el directorio que definiste. (Por lo que vi creo que las tienes en la misma carpeta del css)
Si esto ya no te funciona literalmente tiro la toalla. Los ejemplos cuando uno descarga los font faces son tan descriptivos que las probabilidades de equivocarse son casi nulos.
Código CSS:
Ver original@font-face {
font-family: 'Champagne';
src: url('champagne__limousines-webfont.eot');
src: url('champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
url('champagne__limousines-webfont.woff') format('woff'),
url('champagne__limousines-webfont.ttf') format('truetype'),
url('champagne__limousines-webfont.svg#ChampagneLimousinesRegular') format('svg');
font-weight: normal;
font-style: normal;
}
body {
background-color: #C2D4D4;
color: #000;
font-family: "Champagne",Helvetica, Verdana;
font-size: 1em;
font-weight: normal;
}
Código HTML:
Ver original<!--aqui pones tu mini hoja de estilos-->
Por que diantres no me sirve IE! Lo odio!
Suerte con eso, ojala y lo resuelvas.