font-style: курсив и наклонное начертание

Назначение

font-style выбирает обычное, курсивное или наклонное начертание текста без изменения его HTML-смысла.

Как это работает

italic запрашивает курсив, а oblique — наклонный вариант. Настоящий курсив может менять форму букв, поэтому это не всегда простое геометрическое отклонение обычного текста.

Пример

<style>
.term{font-style:italic}.plain{font-style:normal}
</style>
<p class="term">Название учебного проекта</p><p class="plain">Основное описание остаётся прямым.</p>

Что должно получиться

Первый абзац получает курсивное оформление, второй — обычное. Для смыслового ударения выбирают em независимо от того, как впоследствии оформляют этот элемент.

Граница применения и частая ошибка

Не применяйте курсив ко всему длинному материалу ради декоративного эффекта. При отсутствии нужного файла результат может быть синтетическим и отличаться от макета.

Самостоятельная проверка

Сравните normal, italic и oblique в используемом шрифте. Проверьте длинную строку и русские буквы, чтобы оценить читаемость, а не только короткий латинский образец.

HTML и CSS можно изменить в песочнице ниже. Она изолирована: JavaScript, внешние ресурсы и отправка форм отключены. Для проверки сетевых запросов, отправки данных или функций браузера используйте отдельную локальную страницу.

Связанные материалы

• Каскад и специфичность
• Модель размеров
• Отладка стилей