April 13

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

Стиль шрифта

Свойство font-style в основном используется для выделения текста курсивом.

Это свойство имеет три значения:

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

Пример

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 определяет, должен ли текст отображаться шрифтом с маленькой буквы или нет.

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

Пример

p.normal { font-variant: normal; }

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