Начертание шрифта (капитель) (font-variant)
font-variant
Модификаторы для отображения строчных символов в виде уменьшенных заглавных (капитель).
Таблица классов
| Класс | Значение |
|---|---|
| .small-caps | font-variant: small-caps; |
| .small-caps-none | font-variant: none; |
Пример использования
<p class="small-caps">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
<p class="small-caps-none">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
</p>
Адаптивность
Для применения начертания шрифта начиная с определённого размера экрана используйте префикс контрольной точки:
<p class="md:small-caps">
На экранах Medium и больше текст будет в стиле капитель.
</p>