На опубликованных страницах невозможно использовать переменные --font-family и --heading-font-family, заданные темой.
Воспроизведение:
- создайте тему и добавьте следующее в CSS:
:root {
--font-family: CommonTestFont;
--heading-font-family: CommonTestHeaderFont;
}
- и следующее в color-definitions:
:root {
--font-family: ColDefTestFont;
--heading-font-family: ColDefTestHeaderFont;
}
Обычная страница использует их в следующем порядке (приоритет от высокого к низкому):
- переменные, определённые в common
- переменные, определённые настройками сайта
- переменные, определённые в color-definitions
Опубликованная страница использует их в следующем порядке (приоритет от высокого к низкому):
- переменные, определённые настройками сайта
- переменные, определённые в color-definitions
- переменные, определённые в common
Здесь происходит два явления.
- CSS-файл color-definitions размещает переменные шрифтов, определённые настройками сайта, после :root из раздела color-definitions темы, тем самым переопределяя их.
- На опубликованной странице порядок загрузки CSS отличается, так как CSS-файл color-definitions загружается в теле страницы, поэтому переменные, определённые в нём, переопределяют общие CSS-переменные темы.