Páginas publicadas não usam theme-set --font-family e --header-font-family

Bug
1

Em páginas publicadas, é impossível usar --font-family e --heading-font-family definidos por um tema.

Reprodutibilidade:

  • crie um tema e insira isto no CSS
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}
  • e isto em color-definitions
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

Uma página regular usará eles nesta ordem (prioridade alta - baixa)

  • variáveis definidas em comum
  • variáveis definidas pelas configurações do site
  • variáveis definidas em color-definitions

image

Uma página publicada usará eles nesta ordem (prioridade alta-baixa)

  • variáveis definidas pelas configurações do site
  • variáveis definidas em color-definitions
  • variáveis definidas em comum

image

Duas coisas estão acontecendo aqui.

  1. O arquivo CSS color-definitions coloca as variáveis de fonte definidas pelas configurações do site depois do :root da seção de color-definitions do tema, substituindo-as
  2. Em uma página publicada, a ordem de carregamento do CSS é diferente, porque o CSS de color-definitions é carregado no corpo da página, então as variáveis definidas nele estão substituindo o CSS comum do tema.
1 curtida