تغییر فونت در انگولار متریال angular material

برای این کار ابتدا فونتها را یه پوشه assets  اضافه میکنم 

در فایل style.سشسس این کد ها رو اضافه کردم

font-face {
    font-family: 'iransans-web';
    src: url('assets/fonts/iransans-web.eot');
    src: local('☺'), url('assets/fonts/iransans-web.woff') format('woff'), url('assets/fonts/iransans-web.ttf') format('truetype'), url('~/assets/fonts/iransans-web.svg') format('svg');
    font-weight: normal;
    font-style: normal;
  }
  @import '~@angular/material/theming';
  $custom-typography: mat-typography-config(
    $font-family: 'iransans-web'
  );
  @include mat-core($custom-typography);
  
html, body { height: 100%; font-family: 'iransans-web'!important;}
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }