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

Question

如何在 ag-grid (angular) 中设置字体及其大小我在 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

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

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

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

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

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

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