Стиль шрифта CSS

Стиль шрифта

font-style Атрибут主要用于 указание курсивного текста.

Эта атрибут может устанавливать три значения:

  • нормальный - текст отображается normalmente
  • курсив - текст отображается курсивом
  • обlique - текст наклонен (наклоненный текст очень похож на курсив, но поддерживается меньше)

Пример

p.normal {
  font-style: normal;
}
p.italic {
  font-style: italic;
}
p.oblique {
  font-style: oblique;
}

Попробуйте сами

Толщина шрифта

font-weight Свойство указывает на толщину шрифта:

Пример

p.normal {
  font-weight: normal;
}
p.thick {
  font-weight: bold;
}

Попробуйте сами

Форма шрифта

font-variant Свойство указывает, будет ли текст отображаться с использованием шрифта small-caps (маленьких заглавных букв).

В малых заглавных символах все строчные символы будут преобразованы в заглавные. Однако, размер заглавных символов после преобразования будет меньше, чем размер исходных заглавных символов в тексте.

Пример

p.normal {
  font-variant: normal;
}
p.small {
  font-variant: small-caps;
}

Попробуйте сами