Nelle pagine pubblicate, è impossibile utilizzare --font-family e --heading-font-family impostati da un tema.
Riproduzione:
- crea un tema e inserisci questo nel CSS
:root {
--font-family: CommonTestFont;
--heading-font-family: CommonTestHeaderFont;
}
- e questo in color-definitions
:root {
--font-family: ColDefTestFont;
--heading-font-family: ColDefTestHeaderFont;
}
Una pagina normale li utilizzerà in questo ordine (priorità alta - bassa)
- variabili definite in comune
- variabili definite dalle impostazioni del sito
- variabili definite in color-definitions
Una pagina pubblicata li utilizzerà in questo ordine (priorità alta-bassa)
- variabili definite dalle impostazioni del sito
- variabili definite in color-definitions
- variabili definite in comune
Stanno accadendo due cose qui.
- Il file CSS color-definitions mette le variabili del carattere definite dalle impostazioni del sito dopo il :root della sezione color-definitions del tema, sovrascrivendole
- In una pagina pubblicata, l’ordine di caricamento del CSS è diverso, perché il CSS color-definitions viene caricato nel corpo della pagina, quindi le variabili definite lì stanno sovrascrivendo il CSS comune del tema.