Angular：材质按钮遵循标题大小

Question

如何使 mat-icon 符合标题大小？这不起作用，箭头仍然很小。

  <h1>
    <button mat-icon-button (click)="testEvent()">
      <mat-icon>keyboard_arrow_up</mat-icon>
      <mat-icon>keyboard_arrow_down</mat-icon>
    </button>
  </h1>

SCSS：

h1 {
  @include font(400,40px);
}

Answer 1

在 css 下面应用这将使 mat-icon 符合标题大小。

.mat-icon, .mat-icon-button{
  font-size: inherit;
}