font-style: oblique

Почти каждый раз, когда Вы видите свойство font-style, оно имеет значение normal или italic. Но, стилю шрифта можно также присвоить значение oblique, пример:

p.normal {
    font-style: normal;
}

p.italic {
    font-style: italic;
}

p.oblique {
    font-style: oblique;
}

Текст Oblique

Текст Italic

— почему текст стилем “oblique” выглядит так же, как и курсивом?

Потому-что значение italic в основном то же самое что и “oblique”, и представляет собой наклонный текст (косой), а не курсив. Стиль шрифта oblique поддерживается всеми браузерами.

JavaScript синтаксис шрифта oblique:

object.style.fontStyle="oblique"

Свойство font-style принимает значение “oblique”

Нажмите кнопку Заменить:

В этом блоке див после нажатия на кнопку Заменить, стиль шрифта изменится с normal на oblique

Тег HTML em в таблице стилей обычно курсивом:

em, i {
    font-style: italic;
}

по желанию можно italic заменить на oblique

em {
    font-style: oblique;
}

а для тега i оставить italic

i {
    font-style: italic;
}

Таким образом Вы будите знать какое значение будет иметь тот или иной тег в документе HTML.

Менять наклонность стиля для шрифта oblique можно с помощью значений «CSS3 преобразование», вот так:

.oblique {
    display: inline-block;
    -webkit-transform: skewX(-12deg);
       -moz-transform: skewX(-12deg);
        -ms-transform: skewX(-12deg);
         -o-transform: skewX(-12deg);
            transform: skewX(-12deg);
}

Не забудьте посмотреть какие бывают «Единицы измерения размеров шрифта в CSS3» — это важно знать.