Font-face no se carga en IE8 e IE9 al acceder a la web a través de SSL

Question

Sep 19, 2013, 11:21 AM

Font-face no se carga en IE8 e IE9 al acceder a la web a través de SSL

Estoy usando un webfont para mi sitio web (hecho con Spring para un servidor Apache Tomcat 6). Incluyo mi fuente en mi archivo css con cara de fuente como:

@font-face{
  font-family:'FontAwesome';
  src:url('fonts/fontawesome-webfont.eot?v=3.0.1');
  src:url('fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
  url('fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),
  url('fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
  font-weight:normal;
  font-style:normal }

Este css se llama en un archivo "layout.jsp" al que llaman todas las demás páginas jsp, con lo siguiente:

 <link href="<c:url value='/styles/font-awesome.min.css'/>" rel="stylesheet" type="text/css"/>

Esto funciona para todos los navegadores cuando accedo a mi sitio web internamente a través de http: /// webSite

Sin embargo, también tenemos un servidor Apache que sirve el sitio web a través de SSL (utilizando un certificado seguro) en la URL https: /// que redirige a la URL anterior. Cuando se utiliza la configuración SSL-https, la web funciona bien en todos los navegadores, pero la fuente no se carga en IE8, ni en IE9.

Esto es: - a través de http: las fuentes se están cargando bien en todos los navegadores, incluidos IE8 e IE9 - a través de https: las fuentes se están cargando bien en todos los navegadores, pero IE8 e IE9

La fuente es accesible desde el navegador en cualquier momento. Esto es, si escribo la ruta al archivo, puedo descargarlo sin problemas. Lo que es más, en Herramientas de desarrollo de explorer, en la pestaña Red, puedo ver que la fuente se ha descargado correctamente (estado: 200).

He intentado incluir mi fuente completamente en mi CSS usando su codificación byte64, en lugar de la ruta al archivo con el generador de fontSquirrel:

@font-face {
    font-family: 'fontawesomeregular';
    src: url('fonts/fontawesome-webfont.eot');
    }

@font-face {
    font-family: 'fontawesomeregular';
    src: url(data:application/x-font-woff;charset=utf-8;base64,[BYTE64_STRING]) format('woff'),
         url('fonts/fontawesome-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

Al hacer esto, la fuente se carga bien en IE9, pero no en IE8. Al principio, pensé que podría deberse a la limitación de 32Kb en las URL. Por lo tanto, reduje el conjunto de caracteres de la fuente para reducir su tamaño a unos 20kb, y aún no hay suerte en IE8.

¿Alguna ayuda?

Deja tu comentario