如何更改整个Extjs Web应用程序的font-family？

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;
}