/* ==========================================================================
RICCA DESIGNS — новый сайт (v3). Шрифты, локально, только woff2.
--------------------------------------------------------------------------
Семейства и роли:
Cormorant — заголовки RICCA (дисплейная антиква, как на «идеальном» первом
экране refs/06). Вариативный, ось wght 300–700, прямой + курсив.
Montserrat — вордмарк «RICCA / DESIGNS • ALMATY», меню, подписи, текст.
Вариативный, ось wght 100–900, прямой + курсив.
(Unbounded — шрифт подбренда ELUNA — с сайта RICCA убран 9 октября: глава ELUNA
заменена карточкой-новостью, которая говорит шрифтами RICCA.)
Файлы (проверены, все существуют, размеры в байтах):
../fonts/cormorant/cormorant-cyrillic-var-normal.woff2 22 048 wght 300–700
../fonts/cormorant/cormorant-latin-var-normal.woff2 35 340 wght 300–700
../fonts/cormorant/cormorant-cyrillic-var-italic.woff2 22 208 wght 300–700, ital −10°
../fonts/cormorant/cormorant-latin-var-italic.woff2 38 140 wght 300–700, ital −10°
../fonts/montserrat/montserrat-cyrillic-var-normal.woff2 23 828 wght 100–900
../fonts/montserrat/montserrat-latin-var-normal.woff2 37 956 wght 100–900
../fonts/montserrat/montserrat-cyrillic-var-italic.woff2 24 536 wght 100–900, ital −11.3°
../fonts/montserrat/montserrat-latin-var-italic.woff2 39 632 wght 100–900, ital −11.3°
Лицензии: оба семейства — SIL Open Font License 1.1 (OFL.txt в папках cormorant/
и montserrat/).
Пути в этом файле относительные к ricca/css/. Подключение из ricca/index.html:
(или @import url("fonts-v3.css") первой строкой в основной стилевой файл — пути те же).
--------------------------------------------------------------------------
ПРЕДЗАГРУЗКА — вставить в ДО тега .
Пути здесь относительные к ricca/index.html (не к css/). crossorigin обязателен
даже для своего домена, иначе браузер скачает шрифт дважды. Предзагружаем только
то, что видно на первом экране (заголовок-антиква, вордмарк и меню); курсив
Cormorant — если в заголовке первого экрана есть курсивная строка (как «по мерке»
на refs/06).
--------------------------------------------------------------------------
Важно знать:
- ₸ (U+20B8) в Cormorant и Montserrat нет, и он не входит в unicode-range латиницы
(U+2000-206F заканчивается до U+20B8): тенге отрисуется системным запасным шрифтом.
Цен на сайте RICCA сейчас нет; если появятся — подобрать знак отдельно.
- Знак № (U+2116) есть в кириллических подмножествах обоих семейств; «ёлочки»,
длинное тире, средняя точка «•» (U+2022) и ü (Dürkopp) — в латинских.
- У Cormorant цифры по умолчанию старостильные: для телефона, адреса и цен
ставьте font-variant-numeric: lining-nums (правило ниже, .num).
- font-synthesis: none на :root — чтобы браузер не рисовал псевдожирный/псевдо-
курсив, если запросить вес вне оси (например Cormorant 800).
- Вариативные оси: запрашивайте любой вес внутри диапазона (Cormorant 300–700,
Montserrat 100–900) — один файл на подмножество, без дополнительных загрузок.
========================================================================== */
/* ---------- Cormorant — заголовки RICCA ---------- */
@font-face {
font-family: 'Cormorant';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("../fonts/cormorant/cormorant-cyrillic-var-normal.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Cormorant';
font-style: normal;
font-weight: 300 700;
font-display: swap;
src: url("../fonts/cormorant/cormorant-latin-var-normal.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Cormorant';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url("../fonts/cormorant/cormorant-cyrillic-var-italic.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Cormorant';
font-style: italic;
font-weight: 300 700;
font-display: swap;
src: url("../fonts/cormorant/cormorant-latin-var-italic.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ---------- Montserrat — вордмарк, меню, подписи, текст ---------- */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/montserrat/montserrat-cyrillic-var-normal.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/montserrat/montserrat-latin-var-normal.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/montserrat/montserrat-cyrillic-var-italic.woff2") format("woff2");
unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
font-family: 'Montserrat';
font-style: italic;
font-weight: 100 900;
font-display: swap;
src: url("../fonts/montserrat/montserrat-latin-var-italic.woff2") format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* ---------- Токены семейств (подключать в :root сайта) ---------- */
:root {
--font-serif: 'Cormorant', 'Cormorant Garamond', 'Garamond', 'Georgia', 'Times New Roman', serif; /* заголовки RICCA */
--font-sans: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; /* вордмарк, меню, текст */
font-synthesis: none;
}
/* Лининговые (ровные) цифры для телефона, адреса, цен в антикве */
.num { font-variant-numeric: lining-nums tabular-nums; }