Mam więc problemy z zrozumieniem, dlaczego IE ignoruje tutaj mój CSS. Mam ten kod:

<h2>Har du stadsnät eller kan du få det?</h2>

To znaczy. nic dziwnego ani nic. A oto wynik:

Ale oto kod CSS tego 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ć „normalną” wagę czcionki, ale renderowany tekst jest wyraźnie pogrubiony, tutaj jest poprawne renderowanie (z Safari)

Korzystając z dołączonych narzędzi programistycznych Internet Explorera 8, sprawdzam interpretację CSS, która wygląda tak:

Jak rozumiem, to, co tutaj przyjmuję, to interpretacja mojego CSS przez IE8 i podejrzanie brakuje jej „normalnego” atrybutu. IE przekonwertował CSS na jednokreskową wersję „czcionki”, ale nie zawiera „normalnej” części. Czcionka „Lato” jest teraz czcionką czcionki, a CSS czcionki 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 przy określaniu „normalnego” w deklaracji czcionek dla wagi czcionki nie działa. Więc utknąłem tutaj, próbując dowiedzieć się, co robię źle, aby nie zawierać IE „font-weight: normal” w deklaracji dla H2 ... Jakieś domysły? Z góry dziękuję...