typescript 字体 - 替换所有材料组件

Posted 2021-05-20

Import Open Sans font in styles.scss
@import url('//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');


Setup in Angular Theme (theme.scss) to override Roboto font with Open Sans for all Angular components:
@import '~@angular/material/theming';
$custom-typography: mat-typography-config( $font-family: '"Open Sans", sans-serif');
@include mat-core($custom-typography);