@ 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?