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",
  )
);