Dlaczego program IE8 nie ładuje plików eot?

Pobrałem kilka czcionek OWF, a następnie przekonwertowałem je na e-mail za pomocą: https://onlinefontconverter.com, ale kiedy przeglądam stronę w IE8, czcionki nie wyświetlają się (wyświetlają się w Chrome, Firefox, Opera, Android). Coś musi być nie tak z moim kodem lub eot. Czy ktoś wie, co jest nie tak?Dlaczego program IE8 nie ładuje plików eot?

(Pobierz ROBOTO tutaj: http://www.fontsquirrel.com/fonts/roboto)

(Konwersja tutaj: 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 (odpowiedni kod)

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

Arkusz stylów i czcionka znajdują się w tym samym folderze.

Źródło

2012-03-09 Don Rhummy

Dlaczego nie 'font-family = Roboto-Condensed'? – elclanrs

Możesz nazwać to, co chcesz. –

Czy próbowałeś używać generatora czcionek w Font Squirrel? http://www.fontsquirrel.com/fontface/generator - zawiera wszystkie niezbędne czcionki i css dla wszystkich przeglądarek. –

Dzięki za wszelką pomoc. Wygląda na to, że problemem był konwerter czcionek. Plik eot nie został rozpoznany jako ważny przez IE. Dzięki "Joel Eckroth" za sugestię, że próbuję innych konwerterów.

Źródło

2012-03-09 07:41:07

Spróbuj

 @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; 
    }

Źródło

2012-03-09 02:23:49

Spróbuj

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

Cytaty powinny zmusić ją jako podstawową opcją

Źródło

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

Nie. Niezależnie od tego, czy używasz cudzysłowów, czy nie, nie ma żadnego wpływu na to, która z tych czcionek jest wybrana. Cytaty pomagają parserowi (i zwykłemu czytelnikowi) określić dokładnie, czym są nazwy czcionek, ale kiedy parsuje się nazwy, nie ma różnicy w sposobie ich używania. –

Poza tym jest problem z IE ... i IE nie grają w prawo ... grrr – SamStar

miałem problemu, a nie ilość szczypanie i internetowych badań pomogły
Aż edytowany głowicę tag zawierać meta

 

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

meta tag rozwiązać problem i każdy zmiana działa!

Wariant 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>

Wariant 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>

Uważamy skomplikowany, ale często szukanie igły w stogu siana jest gdzie indziej głowymeta tagi

Możesz spróbować źródłowy
http://www.weloveseppa.com/jnc/jncTryBangla.html
http://www.weloveseppa.com/jnc/try1/jncTryBangla.html

działa we wszystkich przeglądarkach w tym starym IE8

Źródło

2014-04-28 06:44:49 Jayanta

Dlaczego program IE8 nie ładuje plików eot?

Odpowiedz

Powiązane problemy