更改字体样式，同时保留情节仪表板的外部样式表

Question

我使用dash和plotly构建仪表板，同时使用every tutorial or documentation for dash and plotly中使用的外部样式表的引用。

现在我想自定义整个仪表板的字体（包括图中的文字）和“别的”。我通过以下方式引用外部css源：

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

我没有CSS经验。我可以覆盖引用来源中的相关变量吗？如果有可能，我该怎么办？喜欢：

font-family: "Garamond";

CSS代码发布在codepen上，我也尝试在那里搜索，但我没有帮助。

谢谢您的帮助！

Answer 1

使用通用CSS选择器*。

在您的应用程序目录中创建/assets/custom.css，或者（我做什么）使用您的自定义CSS创建CodePen并将其首先包含在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;
}