Angular8无法更改字体

Question

我需要更改应用程序的字体，但我很难做到。
我在 assets/font 下添加了字体文件：

然后在 styles.scss:

@include mat-core();

$WebClientTemplateJwtA8-primary: mat-palette($mat-indigo);
$WebClientTemplateJwtA8-accent: mat-palette($mat-pink, A200, A100, A400);

$WebClientTemplateJwtA8-warn: mat-palette($mat-red);
$WebClientTemplateJwtA8-theme: mat-light-theme($WebClientTemplateJwtA8-primary, $WebClientTemplateJwtA8-accent, $WebClientTemplateJwtA8-warn);
@include angular-material-theme($WebClientTemplateJwtA8-theme);

html, body { height: 100%; font-size: 16px; font-size: 1rem; font-family: 'Lato', sans-serif;}

但它不应用我的自定义字体。

Answer 1

我是新手，无法添加评论

您是否已经在 css 中的某处引用了字体文件？

为了使用自定义字体，您需要指定类似-

@font-face {
    font-family: CustomFontFamily;
    src: url(assets/font/CustomFont.ttf) format("truetype");
}

这可以在您的 glocal 样式中完成。scss/css，或者您可以为此目的创建另一个 css/scss 文件，然后在 angular.json 的样式部分中指定相同的文件

您可以在此答案中找到更多详细信息-

Angular8无法更改字体

Angular 8 can't change font

fonts

font-family

angular8