Google Fonts usa Web Open Font Format (WOFF), que es bueno, porque es el formato de fuente recomendado por el W3C.
Las versiones de IE anteriores a IE9 no son compatibles con el formato de fuente abierta web (WOFF) porque no existía en ese momento. Para admitir < IE9, debe mostrar su fuente en Embedded Open Type (EOT). Para hacerlo, tendrá que escribir su propia etiqueta @ font-face css en lugar de usar la secuencia de comandos de inserción de Google. También necesita convertir el archivo WOFF original a EOT.
Puede convertir su WOFF a EOT aquí por primera conversión a TTF y luego a EOT: http://convertfonts.com/
A continuación, puede servir a la fuente EOT como esto:
@font-face {
font-family: 'MyFont';
src: url('myfont.eot');
}
Ahora funciona en < IE9. Sin embargo, los navegadores modernos ya no son compatibles con EOT, por lo que ahora sus fuentes no funcionarán en los navegadores modernos. Entonces necesita especificarlos ambos. La propiedad src apoya esta por coma que separa las direcciones URL de fuente y specefying del tipo:
src: url('myfont.woff') format('woff'),
url('myfont.eot') format('embedded-opentype');
Sin embargo, < IE9 no entiende esto, sólo Graps el texto entre la primera cita y la última cita, por lo que se en realidad obtener:
myfont.woff') format('woff'),
url('myfont.eot') format('embedded-opentype
como la URL de la fuente. Podemos solucionar esto primero especificando un src con solo una url que es el formato EOT, luego especificando una segunda propiedad src que es para los navegadores modernos y < IE9 no entenderá. Como < IE9 no lo entenderá, ignorará la etiqueta para que el EOT siga funcionando. Los navegadores modernos utilizarán la última fuente especificada que admitan, por lo que probablemente WOFF.
src: url('myfont.eot');
src: url('myfont.woff') format('woff');
Así que sólo porque en la segunda propiedad src especifica el format('woff')
, < IE9 no lo entenderán (o en realidad simplemente no puede encontrar la fuente en la url myfont.woff') format('woff
) y va a seguir usando la primera especificada uno (eot).
¡Ahora tiene sus Google Webfonts trabajando para < IE9 y navegadores modernos!
Para obtener más información acerca de diferentes tipos de letra y el apoyo del navegador, lea este artículo perfecto por Alex Tatiyants: http://tatiyants.com/how-to-get-ie8-to-support-html5-tags-and-web-fonts/
Una nota para los desarrolladores que utilizan EI11 emular volver a IE8-: tienes que asegúrese de cambiar el ** user agent string ** vuelve a la versión anterior de IE, ya que el simple hecho de cambiar el modo de documento no permitirá que los servidores de Google sepan que envía el tipo de fuente correcto (EOT). – Impirator