font-variant-caps

Когда заданный шрифт включает заглавные буквы различных размеров, это свойство выбирает наиболее подходящие. Если глифы маленьких заглавных букв недоступны, они отображаются с использованием глифов мелких заглавных букв. Если и они отсутствуют, браузер синтезирует их из заглавных глифов.

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

Это свойство учитывает правила сопоставления регистра, специфичные для языка. Например:

• В тюркских языках, таких как турецкий (tr), азербайджанский (az), крымскотатарский (crh), волжский татарский (tt) и башкирский (ba), существуют два типа i (один с точкой, другой без) и две пары регистров: i/İ и ı/I.
• В немецком (de) ß может стать ẞ (U+1E9E) в верхнем регистре.
• В греческом (el) гласные теряют ударение, когда все слово написано заглавными буквами (ά/Α), за исключением разделительной эты (ή/Ή). Кроме того, дифтанг с ударением на первой гласной теряет ударение и получает диакритический знак на второй гласной (άι/ΑΪ).

/* Keyword values */
font-variant-caps: normal;
font-variant-caps: small-caps;
font-variant-caps: all-small-caps;
font-variant-caps: petite-caps;
font-variant-caps: all-petite-caps;
font-variant-caps: unicase;
font-variant-caps: titling-caps;

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

Свойство font-variant-caps задается с помощью одного ключевого слова из приведенного ниже списка. В каждом случае, если шрифт не поддерживает значение OpenType, он синтезирует глифы.

normal

Отключает использование альтернативных глифов.

small-caps

Включает отображение мелких заглавных букв (функция OpenType: smcp). Глифы мелких заглавных букв обычно используют форму прописных букв, но отображаются с тем же размером, что и строчные буквы.

all-small-caps

Включает отображение мелких заглавных букв для прописных и строчных букв (функции OpenType: c2sc, smcp).

petite-caps

Включает отображение маленьких заглавных букв (функция OpenType: pcap).

all-petite-caps

Включает отображение маленьких заглавных букв для прописных и строчных букв (функции OpenType: c2pc, pcap).

unicase

Включает отображение смеси мелких заглавных букв для прописных букв со строчными буквами (функция OpenType: unic).

titling-caps

Включает отображение заглавных букв для заголовков (функция OpenType: titl). Глифы прописных букв часто предназначены для использования со строчными буквами. При использовании в последовательностях заголовков только заглавными буквами они могут казаться слишком сильными. Заглавные буквы для заголовков специально разработаны для этой ситуации.

Большие текстовые фрагменты, заданные со значением font-variant all-small-caps или all-petite-caps могут быть трудны для чтения людям с когнитивными проблемами, такими как дислексия.

• MDN Понимание WCAG, пояснения к пункту 1.4
• WCAG 2.1 от W3C

font-variant-caps = 
  normal           |
  small-caps       |
  all-small-caps   |
  petite-caps      |
  all-petite-caps  |
  unicase          |
  titling-caps     

HTML

<p class="small-caps">Firefox rocks, small caps!</p>
<p class="normal">Firefox rocks, normal caps!</p>

CSS

.small-caps {
  font-variant-caps: small-caps;
  font-style: italic;
}
.normal {
  font-variant-caps: normal;
  font-style: italic;
}

Результат

• font-variant
• font-variant-alternates
• font-variant-east-asian
• font-variant-emoji
• font-variant-ligatures
• font-variant-numeric
• font-variant-position