Angular Material 2: использовать другую конфигурацию шрифта для заголовков?

Question

У меня есть приложение Angular Material 2 для угловых 7.

Я следовал документации для типографии и определил базовую типографику:

$sc-typography-config: mat-typography-config(
  $font-family: '"Helvetica Neue", Helvetica, Arial, sans-serif',
  $display-4: mat-typography-level(112px, 112px, 300),
  $display-3: mat-typography-level(56px, 56px, 400),
  $display-2: mat-typography-level(45px, 48px, 400),
  $display-1: mat-typography-level(34px, 40px, 400),
  $headline: mat-typography-level(24px, 32px, 400),
  $title: mat-typography-level(20px, 32px, 500),
  $subheading-2: mat-typography-level(16px, 28px, 400),
  $subheading-1: mat-typography-level(15px, 24px, 400),
  $body-2: mat-typography-level(14px, 24px, 500),
  $body-1: mat-typography-level(14px, 20px, 400),
  $caption: mat-typography-level(12px, 18px, 400),
  $button: mat-typography-level(14px, 14px, 500),
  $input: mat-typography-level(14px, 1.25, 400)
);

А затемопределили эту конфигурацию в mat-core mixin, как описано в документации:

@include mat-core($sc-typography-config);

Fine.

Однако я хочу использовать другую конфигурацию для всех заголовков (display, headline,заглавие).Поэтому я делаю вторую конфигурацию:

$brand-typography-config: mat-typography-config(
  $font-family: 'PrecisionSans,"Helvetica Neue", Helvetica, Arial, sans-serif'
);

Я могу применить это к таким вещам, как кнопки, используя

@include mat-button-typography($brand-typography-config);

Но как мне переопределить отображение- , заголовок- , подзаголовок- *, заголовок и т. д.