Typography
Google fonts
1) Change the google fonts link as per your choice : src/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
rel="stylesheet"
/>
</head>
<body>
...
</body>
</html>
2) Change Font family : src/asssets/scss/_variables.scss
// Font URL
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
$font-family: 'Plus Jakarta Sans', sans-serif;
3) Change Font family in : src/asssets/scss/override-component/_theme.scss and src/asssets/scss/themecolors/*.scss (all files)
// Font Family
@include mat.theme(
(
color: mat.$azure-palette,
typography: "Plus Jakarta Sans",
)
);
Google fonts
1) Change the google fonts link as per your choice : src/index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<link
href="https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600&display=swap"
rel="stylesheet"
/>
</head>
<body>
...
</body>
</html>
2) Change Font family : src/asssets/scss/_variables.scss
// Font URL
@import url("https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap");
$font-family: 'Plus Jakarta Sans', sans-serif;
3) Change Font family in : src/asssets/scss/override-component/_theme.scss and src/asssets/scss/themecolors/*.scss (all files)
// Font Family
@include mat.theme(
(
color: mat.$azure-palette,
typography: "Plus Jakarta Sans",
)
);