For adding new font to suite commerce webstore as a part of customisation in Elbrus version. Follow the below steps:
- Download the font that you need to add in the store from the google
- This website will be helpful for downloading custom font.
https://en.bestfonts.pro/2. Now go to theme file navigate to CustomFontLoader file and open Fonts folder if Fonts folder is not available then create a folder name Fonts.
3. Create a folder for your font and add the files downloaded from the google which contains files format(ttf, woof, woof2).
4. Now open the Sass file located in the CustomFontLoader folder and open the _fonts.scss file. Then import the font you download from the google using the @font-face rule.
Check with the below example
Note : while giving the path in the url avoid using uppercase like if you use ../Fonts it won’t work instead use ../fonts.
5. Now navigate to the BassSassStyles folder open Sass folder then open the variables folder and open the _typography.scss file
Here we need to declare a variable so the we can use that font-family wherever in the theme by calling that variable.
Now the downloaded font can be used in the elbrus version theme.