title: Angular Material - radio button label font-size too big
body: <p>As you can see by this image, the font size for the <code>mat-radio</code> label is way off the font size for everything else.</p>
  
  <p><a href="https://i.stack.imgur.com/zoDao.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zoDao.png" alt="enter image description here"></a></p>
  
  <p>This is the relevant template part:</p>
  
  <pre><code>&lt;mat-radio-group formControlName="choice"&gt;
      &lt;div class="col-auto"&gt;
          &lt;mat-radio-button value="1"&gt;Ogni secondo&lt;/mat-radio-button&gt;
      &lt;/div&gt;
      &lt;div class="w-100"&gt;&lt;/div&gt;
      &lt;div class="col-auto"&gt;
          &lt;mat-radio-button value="2"&gt;Ogni&lt;/mat-radio-button&gt;
          &lt;mat-form-field&gt;
             &lt;mat-select formControlName="every"&gt;
                &lt;mat-option *ngFor="let i of seconds" [value]="i + 1"&gt;
                   {{ i + 1 }}
                &lt;/mat-option&gt;
             &lt;/mat-select&gt;
          &lt;/mat-form-field&gt;
          secondo/i partendo dal secondo
      ...
  </code></pre>
  
  <p>I've tried via custom typography, using their SASS mixins and functions, described in the typography doc section. Already tried that means I tried injecting a custom typography in the <code>mat-core</code> import, as per <a href="https://material.angular.io/guide/typography" rel="nofollow noreferrer">https://material.angular.io/guide/typography</a></p>
  
  <p>Any idea?</p>
  
  <p>Edit: setting a custom font-size for the class <code>.mat-radio-label-content</code> produces this result:</p>
  
  <p><a href="https://i.stack.imgur.com/xpAdw.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/xpAdw.png" alt="enter image description here"></a></p>