Veröffentlichte Seiten verwenden nicht theme-set --font-family und --header-font-family

Fehler
1

Auf veröffentlichten Seiten ist es unmöglich, --font-family und --heading-font-family, die durch ein Theme festgelegt wurden, zu verwenden.

Reproduktion:

  • Erstellen Sie ein Theme und fügen Sie dies in den CSS-Code ein
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}
  • und dies in color-definitions
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

Eine reguläre Seite verwendet sie in dieser Reihenfolge (Priorität hoch - niedrig)

  • im allgemeinen Bereich definierte Variablen
  • durch Site-Einstellungen definierte Variablen
  • in color-definitions definierte Variablen

image

Eine veröffentlichte Seite verwendet sie in dieser Reihenfolge (Priorität hoch - niedrig)

  • durch Site-Einstellungen definierte Variablen
  • in color-definitions definierte Variablen
  • im allgemeinen Bereich definierte Variablen

image

Hier passieren zwei Dinge.

  1. Die CSS-Datei color-definitions platziert die durch die Site-Einstellungen definierten Schriftartenvariablen nach dem :root aus dem Theme-Bereich der color-definitions und überschreibt sie damit
  2. Auf einer veröffentlichten Seite ist die CSS-Lade-Reihenfolge anders, da die CSS-Datei color-definitions im body der Seite geladen wird, sodass die dort definierten Variablen das Theme-Common-CSS überschreiben.
1 „Gefällt mir“