الصفحات المنشورة لا تستخدم --font-family و --header-font-family المحددين في الثيم

خلل
1

في الصفحات المنشورة، من المستحيل استخدام --font-family و --heading-font-family المعينين بواسطة سمة (theme).

خطوات إعادة الإنتاج (Repro):

  • أنشئ سمة وأدخل ما يلي في CSS
:root {
    --font-family: CommonTestFont;
    --heading-font-family: CommonTestHeaderFont;
}
  • وأدخل هذا في تعريفات الألوان (color-definitions)
:root {
    --font-family: ColDefTestFont;
    --heading-font-family: ColDefTestHeaderFont;
}

ستستخدم الصفحة العادية هذه المتغيرات بهذا الترتيب (الأولوية من الأعلى إلى الأدنى):

  • المتغيرات المعرفة في الشيفرة المشتركة (common)
  • المتغيرات المعرفة بواسطة إعدادات الموقع
  • المتغيرات المعرفة في تعريفات الألوان

image

ستستخدم الصفحة المنشورة هذه المتغيرات بهذا الترتيب (الأولوية من الأعلى إلى الأدنى):

  • المتغيرات المعرفة بواسطة إعدادات الموقع
  • المتغيرات المعرفة في تعريفات الألوان
  • المتغيرات المعرفة في الشيفرة المشتركة (common)

image

يحدث شيئان هنا.

  1. يضع ملف CSS الخاص بتعريفات الألوان متغيرات الخط المعرفة بواسطة إعدادات الموقع بعد :root من قسم تعريفات ألوان السمة، مما يؤدي إلى تجاوزها.
  2. في الصفحة المنشورة، يكون ترتيب تحميل CSS مختلفًا، لأن ملف CSS الخاص بتعريفات الألوان يتم تحميله في جسم الصفحة (body)، لذا فإن المتغيرات المعرفة فيه تتجاوز CSS المشترك للسمة.
إعجاب واحد (1)