Я не эксперт по css, и у меня возникли некоторые проблемы с кросс-браузерным поведением. В Google Chrome мой код работает нормально. В других браузерах, которые я пробовал (Mozilla, Edge, IE), это не так; в частности, при использовании этих последних браузеров свойство font-style, похоже, исключает свойство font-weight
Это мой код HTML и CSS:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<style>
.non-italic-class{
font-size: 25px;
font-weight: 900;
font-family: "futura-pt", sans-serif;
}
.italic-class{
font-style: italic;
}
</style>
</head>
<body>
<span class="non-italic-class">NON ITALIC</span>
<br>
<span class="non-italic-class italic-class">ITALIC</span>
</body>
</html>
Вот как это выглядит в Chrome (отлично для меня):
Вот как это выглядит в Mozilla, Edge, IE (неправильно для меня):
Я что-то не так делаю? Нужно ли мне добавить код, чтобы получить одинаковое поведение со всеми этими браузерами?