/* Локальные шрифты лендинга КОМПАС. Ноль обращений к fonts.googleapis.com.
Prata (OFL) + Manrope (OFL), исходники: github.com/google/fonts.
Subset через pyftsubset (fontTools). Manrope инстансирован из вариативного
Manrope[wght].ttf. Тексты лицензий: OFL-Prata.txt, OFL-Manrope.txt -
по условиям OFL должны распространяться вместе со шрифтами.
Состав subset: латиница, кириллица (вкл. Ёё, Ґґ), цифры, пунктуация,
кавычки-елочки, тире, неразрывный пробел, ₽, №, стрелки ← ↑ → ↓.
unicode-range каждого @font-face СГЕНЕРИРОВАН из фактического cmap файла,
поэтому не может разойтись с реальным содержимым шрифта.
ЧЕГО НЕТ В САМИХ ШРИФТАХ (subset'ом не добавить - отрисуются фолбэком):
✦ U+2726 (22 раза в верстке), ✓ U+2713 (4), ✕ U+2715 (4), ★, ☑, ⚙,
↗ U+2197 - отсутствуют и в Prata, и в Manrope (блоки Dingbats/Misc пусты);
№ U+2116 и … U+2026 - отсутствуют в Prata (в Manrope есть).
Рекомендация: заменить ✦ ✓ ✕ на SVG-иконки - иначе они рисуются системным
шрифтом и вид будет разъезжаться по ОС. Быстрый паллиатив - var(--font-symbol).
Подключение (в , ДО остальных стилей):
Прелоадить только то, что видно на первом экране (в этом лендинге hero -
Prata 400 и Manrope 700/800; manrope-400 над сгибом почти не встречается).
Отдавать с Cache-Control: public, max-age=31536000, immutable
Не забыть удалить из HTML preconnect/link на fonts.googleapis.com. */
@font-face {
font-family: 'Prata';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('prata-400.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2013-2014, U+2018-201A,
U+201C-201E, U+2022, U+20BD, U+2212;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400;
font-display: swap;
src: url('manrope-400.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2011, U+2013-2014,
U+2018-201A, U+201C-2022, U+2026, U+20BD, U+2116, U+2190-2193,
U+21B5, U+2212;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 500;
font-display: swap;
src: url('manrope-500.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2011, U+2013-2014,
U+2018-201A, U+201C-2022, U+2026, U+20BD, U+2116, U+2190-2193,
U+21B5, U+2212;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 700;
font-display: swap;
src: url('manrope-700.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2011, U+2013-2014,
U+2018-201A, U+201C-2022, U+2026, U+20BD, U+2116, U+2190-2193,
U+21B5, U+2212;
}
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 800;
font-display: swap;
src: url('manrope-800.woff2') format('woff2');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2011, U+2013-2014,
U+2018-201A, U+201C-2022, U+2026, U+20BD, U+2116, U+2190-2193,
U+21B5, U+2212;
}
/* ---------------------------------------------------------------------------
АЛЬТЕРНАТИВА: вариативный Manrope - 1 файл вместо 5, 23,564 Б вместо
68,428 Б (-66%), 1 запрос вместо 5. Лендинг использует все
5 весов, поэтому иначе браузер скачает все 5 файлов.
Чтобы включить: удалить 5 блоков Manrope выше и раскомментировать этот.
Файл manrope-var.woff2 уже собран и лежит рядом.
@font-face {
font-family: 'Manrope';
font-style: normal;
font-weight: 400 800;
font-display: swap;
src: url('manrope-var.woff2') format('woff2-variations');
unicode-range: U+0020-007E, U+00A0, U+00A9, U+00AB, U+00B0, U+00B7, U+00BB,
U+00D7, U+0400-045F, U+0490-0491, U+2011, U+2013-2014,
U+2018-201A, U+201C-2022, U+2026, U+20BD, U+2116, U+2190-2193,
U+21B5, U+2212;
}
--------------------------------------------------------------------------- */
:root {
/* Georgia ближе к Prata по метрикам, чем Times New Roman - меньше скачок
верстки, пока грузится шрифт (font-display: swap). */
--font-display: 'Prata', Georgia, 'Times New Roman', serif;
--font-body: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI',
'Helvetica Neue', Arial, sans-serif;
/* Для ✦ ✓ ✕ ★ ☑ ⚙ ↗ - этих символов нет ни в Prata, ни в Manrope */
--font-symbol: 'Apple Symbols', 'Segoe UI Symbol', 'Noto Sans Symbols 2',
'DejaVu Sans', sans-serif;
}