search
Семейство шрифтов (font-family)
https://dev.ru.simai.io/ru/ui/utility/typography/font-family.php
В текущей версии для изменения семейства шрифтов используется система переменных. Значения переменных задаются в ядре фреймворка. Использование классов семейства шрифтов позволяет гибко переключать стили текста без необходимости переопределять стили вручную.
Таблица классов
| Класс | Значение |
|---|---|
| .sans | font-family: var(--sf-sans); |
| .serif | font-family: var(--sf-serif); |
| .mono | font-family: var(--sf-mono); |
Пример использования
<p class="sans">Этот текст будет отображаться шрифтом из переменной var(--sf-sans).</p>
<p class="serif">Этот текст будет отображаться шрифтом из переменной var(--sf-serif).</p>
<p class="mono">Этот текст будет отображаться шрифтом из переменной var(--sf-mono).</p>
Адаптивность
Для изменения семейства шрифта начиная с определённой контрольной точки (например, md) просто добавьте префикс
контрольной точки:
<p class="md:serif">На экранах md и больше текст будет шрифтом serif.</p>