EDIT 23-06-2012 10:24 (CET): encontró la respuesta@ font-face no se puede cargar a través de https en IE
Tome un vistazo a la respuesta de fondo. Eso es lo que me solucionó el problema. IE9 está renderizando de la manera correcta ahora. IE8 tiene una fuente levemente diferente. No estoy seguro de qué fuente, pero parece "OK".
Original Question:
He estado luchando con esto durante varias horas. Para uno de nuestros clientes, hemos diseñado una tienda en línea y hemos estado desarrollando esto a través de una conexión http no segura normale. Desde hace 2 días, hemos instalado un certificado SSL en el dominio y forzado cada conexión con el sitio web para pasar por el dominio https usando .htaccess
Pero, por alguna razón, IE (sin versión) representa la fuente que 've especificado en el CSS usando @ Font-Face. Aquí está el de los códigos que utilizamos para las fuentes:
@font-face {
font-family: 'ProximaNovaLight';
src: url('https://www.bijouterieyvette.com/font-face/proximanova-light-webfont.eot');
src: url('https://www.bijouterieyvette.com/font-face/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
url('https://www.bijouterieyvette.com/font-face/proximanova-light-webfont.woff') format('woff'),
url('https://www.bijouterieyvette.com/font-face/proximanova-light-webfont.ttf') format('truetype'),
url('https://www.bijouterieyvette.com/font-face/proximanova-light-webfont.svg#ProximaNovaLight') format('svg');
font-weight: normal;
font-style: normal;
}
Como se puede ver que estoy usando el enlace completo a las fuentes, incluyendo el https. Intenté mover los archivos a la raíz del dominio para que coincida con el dominio de certificados SSL. También traté de usar rutas relativas desde el CSS, pero tampoco funcionó.
Todas las fuentes están en el dominio, ninguna de ellas tiene dominios cruzados.
Me encontré con otras 2 publicaciones aquí en SO describiendo problemas similares, uno de ellos no fue resuelto, el otro sí, pero no parecía ser el mismo. En este caso, el autor de la pregunta tuvo que agregar encabezados de Access-Control-Allow-Origin a las solicitudes de archivos de woff/ttf/otf/svg. También he añadido estas cabeceras a mi .htaccess sólo para estar seguro:
<FilesMatch "\.(woff|ttf|otf|svg)$">
<IfModule mod_headers.c>
Header set Access-Control-Allow-Origin "*"
</IfModule>
</FilesMatch>
Soy una especie de quedarse sin opciones y thoughs. No soy servidor-configuración-tipo-de-persona, pero más en PHP/MySQL/jQuery, así que creo que mis pensamientos son bastante limitados en comparación con otros aquí en SO.
Si alguien tiene una opción que vale la pena probar, ¡házmelo saber!
UPDATE 22-06-2012:
Si cambio el https a http y actualiza la página en IE, estoy siendo aparezca el mensaje de que hay contenido no seguro y tengo la opción de aceptar este contenido. Si elijo 'SÍ', mi contenido se está cargando y ... ¡la fuente está disponible! Yay ... Sin embargo ... si lo cambio a https, las fuentes desaparecerán nuevamente.
No estoy seguro que puedo aprender de esto (lol), pero tal vez esto permite a cualquier persona una pequeña idea ..
UPDATE 22-06-2012 #2:
Hasta ahora he intentado:
url ('/ /protocol/relative/font.eot '); url ('../ file/relative/font.eot'); url ('/ domain/relative/font.eot'); url ('https: //www.secure.tld/font.eot'); url ('http: //www.normal.tld/font.eot'); (funciona pero con una ventana emergente que contiene elementos no seguros en IE)
También traté de crear una reescritura forzando el FilesMatch (woff, ttf, otf, eot, svg) a una conexión http: //. Funcionó como lo pensé y no tengo ni idea de si hizo algo ...
También he añadido esto:
AddType application/vnd.ms-fontobject .eot
AddType font/truetype .ttf
AddType font/opentype .otf
AddType font/opentype .woff
AddType image/svg+xml .svg .svgz
a la carpeta que contiene las fuentes (en un archivo .htaccess ofcourse) aswell como en el archivo .htaccess principal.
Además de que traté de eliminar el inicio de sesión de htpasswd, era una suposición descabellada, pero tampoco cambió nada.
UPDATE 23-06-2012:
comprobado los registros del servidor DirectAdmin .. aparentemente IE está solicitando las fuentes (veo un archivo EOT con el signo de interrogación, que supongo que este es el EOT se solicitan con IEFix y woff). Todo lo que ha solicitado está también recibiendo una respuesta 200 OK cabecera, que no está haciendo las cosas más claras para mí ..
Todavía estás y la búsqueda de lo que podría causar este problema ..
Además, en base a la " Log de la consola F12 "-thingy en IE. Puedo ver claramente que las fuentes se están solicitando, además de https, con una respuesta de 200 OK. Lo extraño es que solo veo 3 de las 4 fuentes que estoy usando, pero es posible que el 4to no se esté usando en la página principal.
no puedo pensar en nada concreto, pero ¿ha intentado URL sin un dominio, o [URL de protocolo relativos] (http://paulirish.com/2010/the-protocol-relative-url/)? – RoToRa
Aún no hemos probado las URL relativas al protocolo, lo intentaremos. Las URL sin un dominio o relativo al CSS se prueban y no funcionan desafortunadamente –
¿Puede averiguar si el archivo se está cargando, por ejemplo, con Fiddler? – RoToRa