The fonts can be added in app/fonts folder.

After you done that you will need to specify in your css (app/style/scss/_vars.scss) the font’s family.

This is how the SCSS code should look like:

/* fonts */
$defaultFont: 'Prata', serif;
$menuFont: 'Montserrat', sans-serif;
$titleFont: 'Open Sans', sans-serif;
@import "../../fonts/font-awesome/scss/fontawesome.scss";
@import "../../fonts/font-awesome/scss/fa-solid.scss";
@import "../../fonts/font-awesome/scss/fa-brands.scss";

The fonts are loaded in the header of each HTML file

The template is using google fonts.

<!-- Fonts -->

<link href="https://fonts.googleapis.com/css?family=Lato%7COpen+Sans%7CUbuntu:300,400,500,700" rel="stylesheet">