Так что у меня проблемы с пониманием, почему IE игнорирует мой CSS здесь. У меня есть этот код:

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

То есть ничего странного или ничего. И вот результат рендеринга:

Но вот код CSS для этого HTML:

.rubrik, h2 {
  font-family: Lato;
  font-size: 32px;
  font-weight: normal;
  line-height: 38px;
  font-variant: normal;
  font-style: normal;
  color: #969696; 
}

В котором четко указано, что H2 должен иметь «нормальный» вес шрифта, но отображаемый текст явно жирный, вот правильный рендеринг (из Safari)

Итак, используя прилагаемые инструменты разработчика Internet Explorer 8, я проверяю интерпретацию CSS, и это выглядит так:

Насколько я понимаю, здесь я рассматриваю интерпретацию моего CSS в IE8, а подозрительно отсутствует «нормальный» атрибут. IE преобразовал CSS в однострочную версию «шрифта», но не включил «нормальную» часть. Теперь шрифт "Lato" является шрифтом font-face, а CSS font-face здесь:

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

Даже если указать "normal" в объявлении font-face для font-weight, это не сработает. Так что я застрял здесь, пытаясь выяснить, что я делаю неправильно, чтобы IE не включал "font-weight: normal" в декларацию для H2 ... Есть предположения? Заранее спасибо...