Changing to custom font in angular material 12

The solution for this is noted below

Changing to custom font in angular material 12

Solution

@use '~@angular/material' as mat;
@font-face {
	font-family: 'custom-font';
	src: url('assets/custom-font.ttf');
}
$custom-typography: mat.define-typography-config($font-family: 'custom-font');
@include mat.core($custom-typography);

Try other methods by searching on the site. That is if this doesn’t work