Начертание шрифта (капитель)

Класс small-caps показывает строчные буквы капителью — прописными высотой со строчную. Берите его для аббревиатур в тексте, подписей и заголовков в книжной типографике. small-caps-none снимает капитель.

Пример

small-caps-none возвращает обычные строчные внутри текста с капителью.

<div class="grid grid-col-1 sm:grid-col-2 gap-3 p-3 bg-surface border border-outline-variant radius-surface color-on-surface">
  <div class="flex flex-col gap-1">
    <code class="text-1/2 color-on-surface-variant">small-caps</code>
    <p class="m-0 text-3 small-caps">Строчные буквы — капителью</p>
  </div>
  <div class="flex flex-col gap-1">
    <code class="text-1/2 color-on-surface-variant">small-caps-none</code>
    <p class="m-0 text-3 small-caps"><span class="small-caps-none">Обычные строчные</span> внутри капители</p>
  </div>
</div>

Классы

Условия (что это): ширина экрана — нет; состояния — нет.

Классы и переменные собраны из CSS выпуска и обновляются вместе с ним.

Применение

<p>Документ согласован в <span class="small-caps">мвд</span> и Минфине.</p>

Если у шрифта нет капители, браузер строит её из уменьшенных прописных — они выглядят тоньше остального текста.

Ограничения

• small-caps-none кроме капители отключает кернинг (font-feature-settings: "kern" off): пары букв у текста с этим классом стоят без поправок.
• У семейства нет префиксов ширины экрана и состояний.

См. также

• Оформление текста
• Начертание цифр