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

Question

如何在 ag-grid 中设置字体和大小 (angular) 我在 angular 中使用 ag-grid 版本 25 10. 我尝试在包装器中设置字体容器 (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>

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

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