Documentation

Font

Steps to be followed to change font in the template:

  • You can define multiple sources for the same font family, each with a different fontStyle.
  • To change the font family you will have to import the font at scss/custom/helper/_font.scss file. You can also import particular google fonts. After adding font url you have to update that particular font at scss/_variables.scss

Here is the Change font from template in gulp+scss+hbs

_font.scss
​@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap');
_variable.scss
$font-family-sans-serif:'Inter', sans-serif;