Changing Fonts by using SASS correctly

1 reply · opened Jun 2, 2020

RRadomirRadiJun 2, 2020

Hi Guys,

I want to use SASS to change the font templates like font-family, etc. I noticed none of the SASS files are linked to the font.css file, which is actually used in most templates.
Is there a smooth and good suggestion from your side, how to overcome that, and change fonts in general?
Moreover, Im using "@font-face {" to add local fonts in my template. Is there maybe also a good suggestion in combination with SASS?

PS: My Template that Im currently using is Restaurant-Demo.
Thanks in advanced :)

SSemicolon WebSTAFFJun 3, 2020

Hello,

Apologies about the Inconveniences caused. Unfortunately, Niche Demos currently do not support SASS. SASS is supported only for the Classic Demos at the moment. We are working on making Niche Demos compatible with SASS and will release more updates on this with Future Versions of Canvas.

Meanwhile, currently, Fonts can only be changed using using the fonts.css or the following block of code inside the sass/variables.scss File:


//-------------------- Font Families --------------------//

$body-font:                     'Lato', sans-serif;
$heading-font:                  'Raleway', sans-serif;
$secondary-font:                'Crete Round', serif;

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard