Угловой материал 12 настройка типографии не работает

#angular #angular-material #overriding #typography #font-family

Вопрос:

Я обновил свой проект до angular 12 и,стремясь переопределить стиль шрифта для всех компонентов материала angular, я следовал официальной документации для этого. Однако, к сожалению, это не работает.

Стили.scss:

     @use '~@angular/material' as mat;
     $my-custom-typography: mat.define-typography-config(
      $font-family: Poppins,
      $font-weight: 400,
      $font-size: 1rem,
      $line-height: 1,
      $letter-spacing: normal,
    );
   @include mat.core($my-custom-typography);
 

Он всегда использует Roboto в качестве семейства шрифтов, он вообще не рассматривает типографику как приоритетную.