Lograr calidad en fuentes para IE8

Hola mi problema es este:

http://www.ocarestaurante.com/progreso/

ver esta url en diferentes navegadores y veran el asco de tipografia que muestra en IE8.
Que puedo hacer para que no suseda??

La tipografia la coloque con:

Código :

@font-face {
       font-family: MyCustomFont;
       src: url("futurltl-webfont.eot") /* EOT file for IE */
      }
      @font-face {
       font-family: MyCustomFont;
       src: url("/futurltl-webfont.ttf") /* TTF file for CSS3 browsers */
      }
      *{
         font-family: MyCustomFont, Verdana, Arial, sans-serif;
      }

En teoria si no tubiera la fuente correcta, mostraria Verdana o arial o algo asi, pero no hace nada de eso.
Que puedo hacer??

No tienes que hacer una regla de @font-face por cada src sino por cada fuente, puedes usar distintas src separándolos con comas:

Código HTML :

@font-face {
font-family: MyCustomFont;
src: url("futurltl-webfont.eot"), /* EOT file for IE */
       url("/futurltl-webfont.ttf") /* TTF file for CSS3 browsers */
}

En cualquier caso, para que no tengas que romperte la cabeza cada vez, puede usar el Font-Face Generator de Font Squirrel, que es excelente

Parece ser que IE7 e IE8 tienen una función llamada "ClearType" (algo que sorprendentemente IE6 no tiene), para arreglar esto, añade el siguiente filtro a la propiedad a la que le estás dando estilo:

Código :

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);zoom:1;

Y descarga y añade esta imagen a tu directorio donde tengas el archivo que estás modificando.

Ejemplo

Código :

h2, p {
       font: 36px/44px 'OldSansBlackRegular', Arial, sans-serif;
       letter-spacing: 0;
       filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=hIEfix.png,sizingMethod=crop);
       zoom:1;
}

Eso debería de arreglar el problema.

Fuente.

Actualización
Me encontré igual este plugin para jQuery que te automatiza el trabajo, revisa este link.