Изменение стиля шрифта при сохранении внешней таблицы стилей для графической панели инструментов

Question

Я создаю панель мониторинга, используя тире и плотно, используя ссылку на внешнюю таблицу стилей, которая используется в в каждом учебном пособии или документации для тире и сюжета .

Теперь я хочу настроить только шрифт для всей панели инструментов (включая текст на рисунках) и «ничего больше».Я ссылаюсь на внешний источник CSS через:

external_stylesheets = ['https://codepen.io/chriddyp/pen/bWLwgP.css']

У меня нет опыта работы с CSS.Могу ли я просто перезаписать соответствующие переменные в указанном источнике?Если это возможно, как мне это сделать?Например:

font-family: "Garamond";

Код CSS опубликован на codepen, и я тоже пытался искать там, но мне это не помогло.

Спасибо за помощь!

Answer 1

Используйте универсальный селектор CSS *.

Создайте /assets/custom.css в каталоге вашего приложения или (что я делаю) создайте CodePen с вашим пользовательским CSS и включите его первым в список external_stylesheets в

app = dash.Dash(
    __name__,
    external_stylesheets=external_stylesheets
)

---

В assets/custom.css или CodePen:

*{
  font-family: Garamond;
}

Если вы хотите применить его ко всему, кроме определенных типов элементов / компонентов классов, например, «все, кроме h2 и класса myclass»

*:not(h2):not(.myclass){
  font-family: Garamond;
}