font-face no funciona en IE 10
No tengo absolutamente ningún éxito en conseguir que IE 10 muestre fuentes personalizadas. ¿Alguien más tiene una solución para esto? Puedo ver algunos gritos en la red que otros tienen problemas con sus fuentes en IE 10, pero no se han encontrado soluciones o errores confirmados.
¿Alguien con la misma experiencia o solución?
Esto es lo que tengo ahora, y funciona bien en IE antes de 10, Chrome y Safari:
@font-face {
font-family: "LCD";
src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.ttf');
}
<!--[if IE]>
<style type="text/css">
@font-face {
font-family: "LCD";
src: url('http://www.somedomain.xxx/Public/Fonts/Quartz_Regular.eot');
}
</style>
<![endif]-->
He intentado sustituir con archivos de fuente en otros formatos woff, ott, etc. pero no tuve suerte con eso.
La respuesta que insinuaba que la fuente-ardilla lo hizo funcionar. Ahora el marcado de trabajo (para IE 10) es:
@font-face {
font-family: "LCD";
src: url('/Public/Fonts/quartz_regular-webfont.eot');
src: url('/Public/Fonts/quartz_regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/Public/Fonts/quartz_regular-webfont.woff') format('woff'),
url('/Public/Fonts/quartz_regular-webfont.ttf') format('truetype'),
url('/Public/Fonts/quartz_regular-webfont.svg#quartzregular') format('svg');
font-weight: normal;
font-style: normal;
}