Кратко
СкопированоОпределяет начертание шрифта: обычное, курсивное или наклонное.
Пример
СкопированоПопробуем выделить курсивом текст всего абзаца:
<body> <h1>История книгопечатания: XVI век</h1> <p> Прим. переводчика: курсивное начертание... </p></body>
<body>
<h1>История книгопечатания: XVI век</h1>
<p>
Прим. переводчика: курсивное начертание...
</p>
</body>
p { font-style: italic;}
p {
font-style: italic;
}
Как понять
СкопированоУ большинства шрифтов есть несколько вариантов начертания: стандартное, курсивное или жирное. Чтобы задать курсивное начертание, используйте font.
Ещё есть наклонный шрифт, который задаётся через font. Он очень похож на курсив, но, по сути, является его имитацией. Знаки курсивного начертания целенаправленно создаёт разработчик шрифта, делая их похожими на ручное написание, а зачастую и более компактными. Знаки же наклонного начертания, которое ещё называют faux italic — ложный курсив — получаются наклоном символов стандартного начертания на несколько градусов.
Проще всего заметить разницу на примере букв a и e:
Наклонное начертание используется только в том случае, если у выбранного шрифта нет курсива. Также нужно помнить, что 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;
}
На практике
Скопированосоветует
Скопировано🛠 Не стоит писать большие части текста курсивом — это сильно усложняет чтение.