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

Question

我在使用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;
}