Как указать определенный шрифт для варианта курсива? ⇐ CSS

[Anonymous]

Дело в том, что я установил на своем веб-сайте два «переменных» шрифта. Один, обычный, отображает «Обычный» и «Жирный» одновременно, а другой также имеет «Обычный» и «Жирный», но с той разницей, что это версия, выделенная курсивом. из первого.
Шрифты, которые я использую
Дело в том, что в момент добавления обоих шрифтов я указываю предложение или слово, которое должно быть на < em>Курсив, используется обычный шрифт, но он выделен курсивом, и это выглядит довольно неестественно...
Вот как это должно выглядеть (не обращайте внимания на размер шрифта):
Хорошо...
Но вместо этого это выглядит так:
Плохо...
Дело в том, что я код для моих загруженных шрифтов выглядит следующим образом:

Код: Выделить всё

@font-face {
font-family: Rubik-VariableFont;
src: url(https:// fakewebsite.me/1/39/Rubik-VariableFont.ttf) format("truetype");
}

@font-face {
font-family: Rubik-Italic-VariableFont;
src: url(https:// fakewebsite.me/3/43/Rubik-Italic-VariableFont.ttf) format("truetype");
}

И код для их использования в определенной части страницы следующий:

Код: Выделить всё

#content.mw-body {
font-family: Rubik-VariableFont, serif;
font-style: normal;
font-size: 12pt;
}

Дело в том, что если я попытаюсь включить ту же структуру для курсивной версии, CSS отдаст приоритет курсивному шрифту над обычным, и по какой-то причине все выделено курсивом. Вот почему я поставил только один шрифт, а не оба. Даже указание стиля шрифта на обычный вместо курсива не сработало.
Я пытался найти решение в школах W3, и в свой браузер по умолчанию, но я не получил ответа. Спросил ребят, которые достаточно знают CSS, но понятия не имеют о моей проблеме. Как это исправить?

Подробнее здесь: https://stackoverflow.com/questions/787 ... ics-option