Mam problemy z rozumieniem, dlaczego IE ignoruje mój CSS tutaj. Mam ten kod:Internet Explorer 8 ignoruje wagę czcionki w CSS
<h2>Har du stadsnät eller kan du få det?</h2>
tj. nic dziwnego ani nic. A oto powstały renderowania:
Ale tutaj jest kod CSS dla tej HTML:
.rubrik, h2 {
font-family: Lato;
font-size: 32px;
font-weight: normal;
line-height: 38px;
font-variant: normal;
font-style: normal;
color: #969696;
}
który wyraźnie stwierdza, że H2 powinien mieć „normalne” jak waga czcionki, jeszcze renderowany tekst jest wyraźnie pogrubione, tutaj jest poprawne renderowanie (od Safari)
Tak, za pomocą dołączonych narzędzi programistycznych Internet Explorer 8, I sprawdzać interpretacji CSS, a wygląda to tak:
Jak rozumiem, czego szukam w tutaj jest interpretacja IE8 za mojego CSS i podejrzanie brakujące to "normalny" atrybut. IE przekonwertował kod CSS na jednoliniową wersję "czcionki", ale nie zawierał części "normalnej". Teraz, czcionka "Lato" to czcionki font-face i CSS font-face jest tutaj:
@font-face {
font-family: Lato;
src: url('/media/fonts/Lato.eot');
src: local('nofont'), url('/media/fonts/Lato.ttf') format('truetype');
}
@font-face {
font-family: Lato;
src: url('/media/fonts/Lato-Bold.eot');
src: local('nofont'), url('/media/fonts/Lato-Bold.ttf') format('truetype');
font-weight: bold;
}
@font-face {
font-family: Lato;
src: url('/media/fonts/Lato-Bold-Italic.eot');
src: local('nofont'), url('/media/fonts/Lato-Bold-Italic.ttf') format('truetype');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: Lato;
src: url('/media/fonts/Lato-Italic.eot');
src: local('nofont'), url('/media/fonts/Lato-Italic.ttf') format('truetype');
font-style: italic;
}
Nawet gdy określenie "normalny" w deklaracji font-face dla font-weight, nie robi” t działa. Tak więc utknąłem tutaj, próbując dowiedzieć się, co robię źle, aby nie mieć IE to "font-weight: normal" w deklaracji dla H2 ... Jakieś domysły? Z góry dziękuję ...
Spróbuj umieścić nazwę czcionki w cudzysłowach wszędzie! Och i definiujecie wiele razy rodzinę czcionek o tej samej nazwie, nie jesteście pewni, czy IE tak bardzo to lubi. – reinder
Spróbuj użyć 'font-weight: 100;' –
@reinder Cytowanie nazwy czcionki nie ma znaczenia, a IE wybiera poprawną czcionkę, a nie tylko prawidłową wagę. – Sandman