在 ag-grid v25 angular 10 中设置字体系列和大小

Question

如何在 ag-grid（角度）中设置字体及其大小我在 angular 10 中使用 ag-grid 版本 25。我尝试在包装容器（div）和标签中设置字体，但到目前为止没有任何效果。

.wrapper-container {
   font-size : 10px;
   font-family : "Open Sans";
}

和

ag-grid-angular {
   font-size : 10px;
   font-family: "Open Sans";
}

Answer 1

如果您使用任何主题，您可以使用主题 class 在 styles.scss 中设置字体系列

.ag-theme-alpine {
  font-family: "Open Sans", sans-serif;
}

此外，字体大小可以在 ag-grid-angular 标签内的自定义 class 中设置。

<ag-grid-angular 
   class="ag-theme-alpine custom-class" .... >
</ag-grid-angular>

在自定义类中设置你的字体大小

.custom-class {
   font-size : 10px
}