Angular 8 не может изменить шрифт - PullRequest
Новая
       77

Angular 8 не может изменить шрифт

0 голосов
/ 10 июля 2020

Мне нужно изменить шрифт моего приложения, но мне трудно это сделать. Я добавил в assets/font файлы для шрифта:

введите описание изображения здесь

Затем в styles.s css: 

@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;}

Но мой собственный шрифт не применяется.

1 Ответ

0 голосов
/ 10 июля 2020

Я новичок ie и не могу добавлять комментарии.

Вы уже ссылались на файлы шрифтов где-нибудь в css?

Чтобы использовать пользовательские шрифты, вы необходимо указать что-то вроде- 

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

Это можно сделать либо в вашем глобальном файле styles.scss / css, либо вы можете создать другой файл css / s css для этой цели и затем указать то же самое в разделе стилей в angular. json

Вы можете найти более подробную информацию в этом ответе - Как импортировать новый шрифт в проект - Angular 5

...