Les pages publiées n'utilisent pas --font-family et --header-font-family définis par le thème

Bug
1

Sur les pages publiées, il est impossible d’utiliser --font-family et --heading-font-family définis par un thème.

Reproduction :

  • créer un thème et entrer ceci dans le CSS
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}
  • et ceci dans color-definitions
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

Une page normale les utilisera dans cet ordre (priorité élevée - faible)

  • variables définies dans le commun
  • variables définies par les paramètres du site
  • variables définies dans color-definitions

image

Une page publiée les utilisera dans cet ordre (priorité élevée - faible)

  • variables définies par les paramètres du site
  • variables définies dans color-definitions
  • variables définies dans le commun

image

Deux choses se produisent ici.

  1. Le fichier CSS color-definitions place les variables de police définies par les paramètres du site après le :root de la section color-definitions du thème, les remplaçant
  2. Sur une page publiée, l’ordre de chargement du CSS est différent, car le CSS color-definitions est chargé dans le corps de la page, de sorte que les variables qui y sont définies remplacent le CSS commun du thème.
1 « J'aime »