@ font-face: cómo hacer que funcione en todos los navegadores

La regla @ font-face es compatible con Internet Explorer 9, Firefox, Opera, Chrome y Safari.

in embargo, Internet Explorer 9 solo admite fuentes de tipo .eot, mientras que Firefox, Chrome, Safari y Opera admiten fuentes de tipo .ttf y .otf.

Nota: Internet Explorer 8 y versiones anteriores, no admiten la regla @ font-face.

Este texto es deaqu. Entonces, para tener trabajando @ font-face para IE9, solo debería especificar el archivo de fuente EOT:

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

Particularmente estoy usando Myriad Pro y tengo fuentes OTF. ¿Cómo puedo convertirlos al tipo EOT?

Y respecto a IE7 e IE8, ¿qué truco / pirateo se debe utilizar para obtener el resultado deseado?

Respuestas a la pregunta(8)

Su respuesta a la pregunta