/*
* LetoSans — шрифт макетов. ЕДИНСТВЕННОЕ место, где он объявляется.
*
* Почему отдельным файлом, а не внутри сборок Tailwind. Правила @font-face,
* попавшие в таблицу ВНУТРИ shadow root, браузер игнорирует: фейсы ищутся
* только в дереве документа. Сборки /pages/ (homepage, solutions/*, form,
* form-full) подключаются как раз внутрь shadow root — объявленный там
* @font-face не работал, файл шрифта не запрашивался вообще, и весь новый
* контент рисовался системным sans (в проверке — Liberation Sans), хотя
* font-family: LetoSans стоял.
*
* Подключается в двух местах, оба нужны:
* templates/chrome/head.php — в каждой страницы сайта
* (шапка и подвал тоже просят LetoSans);
* pages/shared/page-loader.js — вставляет тот же , если его нет, чтобы
* виджеты /pages/ и файлы preview.html работали
* без легаси-обвязки.
* Второй раз файл не скачивается: тот же URL, тот же кеш.
*
* Начертания: Thin = 250 (основной текст макетов), Regular = 400, Bold = 700.
*/
@font-face {
font-family: LetoSans;
src: url(LetoSans-Thin.woff2) format("woff2"),
url(LetoSans-Thin.ttf) format("truetype");
font-weight: 250;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: LetoSans;
src: url(LetoSans-Regular.woff2) format("woff2"),
url(LetoSans-Regular.woff) format("woff"),
url(LetoSans-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: LetoSans;
src: url(LetoSans-Bold.woff2) format("woff2"),
url(LetoSans-Bold.woff) format("woff"),
url(LetoSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}
/*
* То же начертание под вторым именем — «Leto Sans» с пробелом. Так его просят
* четыре страницы pages/solutions/* (--font-sans в их src/input.css). Второе
* имя, а не переименование там: у тех страниц свои сборки и вручную написанные
* application.css, и правка ради одного пробела задела бы четыре пары файлов.
* Лишних загрузок нет — URL те же, файлы берутся из кеша.
*/
@font-face {
font-family: "Leto Sans";
src: url(LetoSans-Thin.woff2) format("woff2"),
url(LetoSans-Thin.ttf) format("truetype");
font-weight: 250;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Leto Sans";
src: url(LetoSans-Regular.woff2) format("woff2"),
url(LetoSans-Regular.woff) format("woff"),
url(LetoSans-Regular.ttf) format("truetype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Leto Sans";
src: url(LetoSans-Bold.woff2) format("woff2"),
url(LetoSans-Bold.woff) format("woff"),
url(LetoSans-Bold.ttf) format("truetype");
font-weight: 700;
font-style: normal;
font-display: swap;
}