¿Por qué IE8 no está cargando mis archivos eot?

Descargué algunas fuentes otf y luego las convertí a eot usando: https://onlinefontconverter.com pero cuando veo el sitio en IE8, las fuentes no se muestran (se muestran en Chrome, Firefox, Opera, Android). Algo debe estar mal con mi código o con el eot. ¿Alguien sabe lo que está mal?¿Por qué IE8 no está cargando mis archivos eot?

(Descargar Roboto aquí: http://www.fontsquirrel.com/fonts/roboto)

(Convertir aquí: https://onlinefontconverter.com)

styles.css

@font-face 
{ 
    font-family: RobotoCondensed; 
    src: url("Roboto-Condensed.eot"); 
} 

@font-face 
{ 
    font-family: RobotoCondensed; 
    src: url("Roboto-Condensed.ttf"); 
} 

.myDiv 
{ 
    font-family: RobotoCondensed, Arial, Helvetica; 
    font-size: 10px; 
    color: #e8e8e8; 
}

index.html (código relevante)

<div class="myDiv">Some font in here that shows incorrectly as Arial!</div>

La hoja de estilo y la fuente están en la misma carpeta.

Fuente

2012-03-09 Don Rhummy

¿Por qué no es la fuente de la familia '= Roboto-Condensed'? – elclanrs

Puedes ponerle el nombre que quieras. –

¿Has probado con el generador de fuentes en Font Squirrel? http://www.fontsquirrel.com/fontface/generator: le proporciona todas las fuentes y CSS necesarios para todos los navegadores. –

Gracias por toda la ayuda. Parece que el problema fue el convertidor de fuentes. El IE no reconocía el archivo eot. Gracias a "Joel Eckroth" por sugerir que pruebe con otros convertidores.

Fuente

2012-03-09 07:41:07

probar este

 @font-face 
    { 
     font-family: 'RobotoCondensed'; 
     src: url('Roboto-Condensed.eot'); 
    src: url('Roboto-Condensed.eot?#iefix') format('embedded-opentype'), 
     url('Roboto-Condensed.woff') format('woff'), 
     url('Roboto-Condensed.ttf') format('truetype'), 
     url('Roboto-Condensed.svg#') format('svg'); 

} 

    .myDiv 
    { 
     font-family: RobotoCondensed, Arial, Helvetica; 
     font-size: 10px; 
     color: #e8e8e8; 
    }

Fuente

2012-03-09 02:23:49

Trate

font-family: "RobotoCondensed", Arial, Helvetica;

Las citas deben forzarlo como opción primaria

Fuente

2012-03-09 04:38:10 5hahiL

No. Si usa comillas o no tiene ningún efecto en absoluto sobre cuál de estas fuentes se elige. Las comillas ayudan al analizador (y al lector ocasional) a determinar exactamente cuáles son los nombres de las fuentes, pero una vez que los nombres son analizados, no hay diferencia en cómo se usan. –

Además de esto es un problema de IE chicos ... y IE no juegan bien ... grrr – SamStar

que tenía un problema y ninguna cantidad de ajustes y Investigación de la Web ayudaron
Hasta he editado cabeza etiqueta para incluir meta

 

<head>
 
    <meta http-equiv="Content-type" content="text/html;charset=utf-8"/>
 
</head>

La etiqueta resuelto el problema meta y cada variación trabajada!

Variación 1

 

<style type="text/css">
 
    @font-face
 
    {
 
    font-family: 'SolaimanLipi';
 
    src: url('SolaimanLipi.eot');
 
    src: local('SolaimanLipi'),url('SolaimanLipi.ttf') format('truetype');
 
    }
 
    @font-face
 
    {
 
    font-family: 'Yogesh';
 
    src: url('CDACOTYGN.eot');
 
    src: url('CDACOTYGN.ttf') format('truetype');
 
    }
 
</style>

Variación 2

 

<style type="text/css">
 
    @font-face{
 
    font-family: 'solaimanlipi';
 
    src: url('cdacotygn-webfont.eot');
 
    src: url('cdacotygn-webfont?#iefix') format('embedded-opentype'),
 
     url('solaimanlipi-webfont.woff') format('woff'),
 
     url('solaimanlipi-webfont.ttf') format('truetype'),
 
     url('solaimanlipi-webfont.svg#webfont') format('svg');
 
    }
 
    @font-face {
 
    font-family: 'cdacotygn';
 
    src: url('cdacotygn-webfont.eot');
 
    src: url('cdacotygn-webfont.eot?#iefix') format('embedded-opentype'),
 
     url('cdacotygn-webfont.woff') format('woff'),
 
     url('cdacotygn-webfont.ttf') format('truetype'),
 
     url('cdacotygn-webfont.svg#svgFontName') format('svg');
 
    }
 
</style>

Pensamos compleja pero a menudo aguja en un pajar es otra parte de la cabeza meta etiquetas

Usted puede tratar de vista de origen
http://www.weloveseppa.com/jnc/jncTryBangla.html
http://www.weloveseppa.com/jnc/try1/jncTryBangla.html

Obras en todos los navegadores incluyendo la edad IE8

Fuente

2014-04-28 06:44:49 Jayanta

¿Por qué IE8 no está cargando mis archivos eot?

Respuesta

Cuestiones relacionadas