Кратко
СкопированоОпределяет начертание шрифта: обычное, курсивное или наклонное.
Пример
СкопированоПопробуем выделить курсивом текст всего абзаца:
<body> <h1>Текст ниже мы написали курсивом</h1> <p> Этот текст написан курсивом. А мог быть написан наклонным шрифтом, но вы всё равно бы это не отличили. </p></body>
<body>
<h1>Текст ниже мы написали курсивом</h1>
<p>
Этот текст написан курсивом. А мог быть написан наклонным шрифтом, но вы всё
равно бы это не отличили.
</p>
</body>
body { font-family: "Roboto", sans-serif;}p { font-style: italic;}
body {
font-family: "Roboto", sans-serif;
}
p {
font-style: italic;
}
Как понять
СкопированоУ большинства шрифтов есть несколько вариантов написания: стандартный, курсивный или жирный. Чтобы задать курсивное написание, используй font.
Ещё есть наклонный шрифт, который задаётся через font. Он очень похож на курсив, но по сути, это его имитация, которую используют, если у выбранного шрифта нет курсивного написания. Нужно помнить, что oblique может выглядеть хуже по качеству, чем курсивный шрифт. Это особенно заметно при печати страницы.
Как пишется
СкопированоДля font можно выбрать одно из четырёх значений:
normal— обычное начертание текста (значение по умолчанию).italic— курсивное начертание.oblique— наклонное начертание, которое можно использовать, если у шрифта нет курсивного варианта начертания.oblique— наклонное начертание с указанием угла наклона. Допустимо указать от -90deg до 90deg. При этом шрифт будет наклоняться вперёд или назад на указанное количество градусов. Почти нигде не поддерживается, уточняйте поддержку на Can I use перед использованием.- 20deg
.normal { font-style: normal;}.italic { font-style: italic;}.oblique { font-style: oblique;}.oblique-deg { font-style: oblique -20deg;}
.normal {
font-style: normal;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}
.oblique-deg {
font-style: oblique -20deg;
}
На практике
Скопированосоветует
Скопировано🛠 Не стоит писать большие части текста курсивом — это сильно усложняет чтение.