Las páginas publicadas no usan theme-set --font-family y --header-font-family

Error
1

En las páginas publicadas, es imposible usar --font-family y --heading-font-family establecidos por un tema.

Pasos para reproducir:

  • crea un tema e introduce esto en CSS
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}
  • e introduce esto en color-definitions
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

Una página normal los usará en este orden (prioridad alta - baja)

  • variables definidas en común
  • variables definidas por la configuración del sitio
  • variables definidas en color-definitions

image

Una página publicada los usará en este orden (prioridad alta-baja)

  • variables definidas por la configuración del sitio
  • variables definidas en color-definitions
  • variables definidas en común

image

Están ocurriendo dos cosas aquí.

  1. El archivo CSS de color-definitions pone las variables de fuente definidas por la configuración del sitio después del :root de la sección de color-definitions del tema, anulándolas
  2. En una página publicada, el orden de carga del CSS es diferente, porque el CSS de color-definitions se carga en el cuerpo de la página, por lo que las variables definidas en él anulan el CSS común del tema.
1 me gusta