时间戳

首页 > 解决方案 > Angular 8 无法更改字体

fonts - Angular 8 无法更改字体

问题描述

我需要更改我的应用程序的字体，但我很难做到。
我在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;}

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

标签： fontsangular8font-family

解决方案

我是新手，无法添加评论。

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

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

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

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

您可以在此答案中找到更多详细信息- 如何将新字体导入项目-Angular 5

推荐阅读