Типографика

Размеры и начертания шрифтов для конкретного использования, а также вертикальный ритм.

Мобильный веб

Используются шрифты Arial / Helvetica.

Заголовок первого уровня
@fontH1Touch
font-size: 24px;
line-height: 32px;
font-weight: bold;
margin-bottom: 24px;
Заголовок второго уровня
@fontH2Touch
font-size: 20px;
line-height: 28px;
font-weight: bold;
Заголовок третьего уровня
@fontH3Touch
font-size: 17px;
line-height: 20px;
font-weight: bold;
margin-bottom: 24px;
Шрифт для текста статьи
@fontArticleTouch
font-size: 17px;
line-height: 24px;
font-weight: normal;
margin-bottom: 24px;
Шрифт для основного текста
@fontBodyTouch
font-size: 15px;
line-height: 20px;
font-weight: normal;
Шрифт для сносок
@fontFootnoteTouch
font-size: 13px;
line-height: 20px;
font-weight: normal;
Шрифт для лидов
@fontLeadTouch
font-size: 17px;
line-height: 24px;
font-weight: bold;
Шрифт для оформления цитат
@fontQuoteTouch
font-size: 17px;
line-height: 24px;
font-weight: normal;
Шрифт для рейтинга
@fontRatingTouch
font-size: 13px;
line-height: 20px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 20;
Шрифт в кнопках
@fontControlTouch
font-size: 15px;
line-height: 20px;
font-weight: bold;
Шрифт в кнопках
@fontControlTouch
font-size: 15px;
line-height: 20px;
font-weight: bold;
Шрифт для лейблов у полей ввода
@fontControlLabelTouch
font-size: 13px;
line-height: 20px;
font-weight: bold;
Шрифт для ссылок на разделы
@fontLinkTouch
font-size: 13px;
line-height: 20px;
font-weight: bold;
Шрифт активной вкладки
@fontTabActiveTouch
font-size: 13px;
line-height: 20px;
font-weight: bold;
Шрифт неактивной вкладки
@fontTabTouch
font-size: 13px;
line-height: 20px;
font-weight: normal;