如何更改整个 Extjs Web 应用程序的字体系列？

Question

我正在研究 Extjs 6.0.2。我们在我们的应用程序中使用 Arial 字体（我猜它是来自 sencha 的默认字体）。现在我们要将其更改为 'open-sans'。我们必须改变什么？

我尝试添加：

.* ,.x-body , .x-panel-body-startPageItem, .x-panel-body-default {
    font-family: 'Open Sans', sans-serif !important;
}

在 Project/packages/MyApp/sass/src/MyApp/view/MainView.scss 中，但它仅在着陆页上更改字体。

这行得通，但我必须一个接一个地添加所有 类，我必须像上面添加的那样显示这种样式 .x-panel-body-startPageItem,.x-panel-body-default。

我也试过在project/resources/css/MyApp.css中添加以下内容，但没有用：

.* {
    font-family: 'Open Sans' !important;
}

Answer 1

而不是：

.* {
    font-family: 'Open Sans' !important;
}

使用这个：

* {
    font-family: 'Open Sans' !important;
}

<p>something</p>

因为 .* 没有像您预期的那样工作，其中 * 指向所有内容。

或者您也可以使用：

html {
    font-family: 'Open Sans' !important;
}