font-variant¶

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

Такой способ изменения символов называется капителью.

Демо¶

Шрифт и Цвет

@font-face

Синтаксис¶

font-variant: small-caps;
font-variant: common-ligatures small-caps;

/* Global values */
font-variant: inherit;
font-variant: initial;
font-variant: unset;

Значения¶

normal: Оставляет регистр символов исходным, заданным по умолчанию.
small-caps: Модифицирует все строчные символы как заглавные уменьшенного размера, как показано на рис. 1.

Рис. 1. Обычный текст и текст в виде капители

Значение по-умолчанию:

font-variant: normal;

Применяется ко всем элементам

Спецификации¶

Описание и примеры¶

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>font-variant</title>
    <style>
      h1 {
        font-variant: small-caps; /* Устанавливаем капитель для заголовка */
      }
    </style>
  </head>
  <body>
    <h1>Почему ослаблен амфибол?</h1>
    <p>
      Пока магма остается в камере, минерализация стягивает
      орогенез.
    </p>
  </body>
</html>