Угловой материал - размер шрифта для радиокнопки слишком большой

Question

Как видно из этого изображения, размер шрифта для метки mat-radio далеко не соответствует размеру шрифта для всего остального.

Это соответствующая часть шаблона:

<mat-radio-group formControlName="choice">
    <div class="col-auto">
        <mat-radio-button value="1">Ogni secondo</mat-radio-button>
    </div>
    <div class="w-100"></div>
    <div class="col-auto">
        <mat-radio-button value="2">Ogni</mat-radio-button>
        <mat-form-field>
           <mat-select formControlName="every">
              <mat-option *ngFor="let i of seconds" [value]="i + 1">
                 {{ i + 1 }}
              </mat-option>
           </mat-select>
        </mat-form-field>
        secondo/i partendo dal secondo
    ...

Я пробовал с помощью пользовательской типографии, используя их миксины и функции SASS, описанные в разделе документации типографии.Уже пробовал, это означает, что я пытался внедрить пользовательскую типографику в импорт mat-core, согласно https://material.angular.io/guide/typography

Любая идея?

Редактировать: установка нестандартного размера шрифта для класса .mat-radio-label-content дает такой результат:

Answer 1

Должна быть тема по умолчанию, которую вы включили для Angular Material, и поэтому она выбирает высоту по умолчанию для метки радио.

"mat-radio-label-content" => Это имя классаэлемента, на который вы можете установить размер шрифта.

Если это не разрешено как изначально, используйте: ng-deep.

Answer 2

Вы должны изменить размер шрифта в самой CSS материала.Вы не можете переопределить его с помощью CSS, записанного в вашем собственном файле CSS.