Невозможно изменить шрифты в конструкторе курсов MasterStudy Front-end. ⇐ CSS

[Anonymous]

Я пытаюсь изменить шрифты в MasterStudy LMS Front-end Course Builder
(/user-account/edit-course/), но ничего не получается.
Основные шрифты веб-сайта успешно переопределяются через дочернюю тему, однако Front-end Course Builder по-прежнему использует шрифты по умолчанию, такие как Eudoxus Sans и Amiko.
Похоже, что пользовательский интерфейс Course Builder создан с использованием пользовательского интерфейса Chakra, и шрифты берутся из внутренней конфигурации темы.
Проблема
Пользовательские шрифты правильно загружаются в дочернюю тему
custom-styles.css загружается на страницу конструктора курсов
CSS !важные правила НЕ переопределяют шрифты
Попытки JS переопределить переменные Chakra также НЕ работают
Браузер DevTools отображает такие шрифты, как:
EudoxusSans
Amiko
Мои пользовательские шрифты никогда не применяются к элементам пользовательского интерфейса
То, что я уже пробовал

• Загрузка шрифтов через @font-face (работает глобально)
  @font-face {
  font-family: 'ArchyEDT-Bold';
  src: url('/wp-content/themes/masterstudy-child/fonts/ArchyEDT-Bold.woff2') format('woff2');
  font-display: swap;
  }
  Шрифты работают на обычных страницах, но не в Конструкторе курсов.
• Поставить в очередь пользовательские стили для Конструктора курсов

Добавлен этот фильтр в function.php:

Код: Выделить всё

function my_course_builder_additional_styles( $styles ) {

if ( ! is_array( $styles ) ) {
$styles = [];
}

$styles[] = get_stylesheet_directory_uri() . '/custom-styles.css';
return $styles;
}

add_filter(
'ms_lms_course_builder_additional_styles',
'my_course_builder_additional_styles'
);

✔ custom-styles.css загружается на страницу /edit-course/
Шрифты по-прежнему не меняются

Код: Выделить всё

3.CSS override for Course Builder root
#masterstudy-course-builder,
#masterstudy-course-builder * {
font-family: 'ArchyEDT-Bold', sans-serif !important;
}

#masterstudy-course-builder h1,
#masterstudy-course-builder h2,
#masterstudy-course-builder h3,
#masterstudy-course-builder h4,
#masterstudy-course-builder h5,
#masterstudy-course-builder h6 {
font-family: 'BPGBannerExtraSquareCaps', sans-serif !important;
}

Нет эффекта
4. Переопределение переменной пользовательского интерфейса Chakra (JS)

Код: Выделить всё

document.documentElement.style.setProperty(
'--chakra-fonts-body',
"'ArchyEDT-Bold', sans-serif"
);

Все еще игнорируется
Наблюдения:
!important не переопределяет шрифты
Шрифты кажутся жестко запрограммированными в теме пользовательского интерфейса Chakra
Возможно:
Тема ChakraProvider инициализируется внутри
Шрифты устанавливаются в конфигурации JS
Или пользовательский интерфейс визуализируются в изолированном корне/тени/iframe
Вопросы:
Есть ли официальный способ переопределить шрифты в MasterStudy Course Builder?
Можно ли переопределить шрифты темы Chakra UI с помощью PHP или JS-хуков?
Существует ли какой-либо недокументированный фильтр ms_lms_course_builder_* для типографики?
Является ли переопределение CSS принципиально неправильным подходить здесь?
Среда:
WordPress
MasterStudy LMS
Дочерняя тема
Шрифты расположены по адресу:

Код: Выделить всё

/wp-content/themes/masterstudy-child/fonts/

На данный момент кажется, что шрифты Course Builder заблокированы внутренней конфигурацией темы пользовательского интерфейса Chakra, и ни переопределения CSS, ни JS на это не влияют.
Fonsts не загружается и здесь, на этой странице. Я не знаю, почему


Мы будем очень признательны за любую информацию от экспертов MasterStudy/Chakra UI.

Подробнее здесь: https://stackoverflow.com/questions/798 ... se-builder