# Типографическая система Текст – основа интерфейса. Типографическая система Plasma разработана, чтобы текст выглядел одинаково во всей экосистеме Salute. Типографическая система представляет собой набор констант ( токенов ) и компонентов . Компоненты заменяют обычные HTML-теги, такие, как `h1` , `h2` , `h3` , `h4` , `p` и некоторые другие. ## Использование ## Состав Типографика дизайн-системы Plasma включает в себя следующие компоненты: Hero Unit : DsplL DsplM DsplS Заголовки : H1 H2 H3 H4 H5 Интерфейсы : BodyL BodyM BodyS BodyXS BodyXXS Текст : TextL TextM TextS TextXS ### Размеры Размер текста в объектах стилей, которые предоставляет типографическая система, задан в единицах измерения `rem` . Это позволяет масштабировать весь интерфейс за счёт указания `font-size` на теге `` . Значение по умолчанию — `16px` . При использовании стандартной типографики устанавливать размер шрифта на теге `` не обязательно, это уже предусмотрено в глобальных стилях. ## Установка шрифта Типографическая система основана на фирменных шрифтах SB Sans Display (для заголовков) и SB Sans Text (для текста и компонентов). Для подключения в веб-приложения, шрифт загружен в CDN . Чтобы использовать типографическую систему, достаточно указать один CSS-файл внутри тега `` . Если вы используете Create React App , подключите систему в файле `public/index.html` . Если вы используете Next.js , создайте файл `pages/_document.tsx` и подключите систему в нем. ## Типографика, совместимая со старыми версиями См. на странице Совместимая типографика .