General question - how do I change Font?

[rahulgadre]

Thank you for this template. I have a general question about changing the font. I see that the current one is set to Roboto. How do I change it to a different font? I am new to Jekyll so any help here would be helpful.

Best,
Rahul

[piharpi]

Go to yoursite/_sass/main.scss , change the values with your own

// Fonts preferences
$sans-family: Roboto, sans-serif;
$mono-family: Consolas, monospace;
$base-font-size: 16px;
$medium-font-size: $base-font-size * 0.938;
$small-font-size: $base-font-size * 0.875;
$base-line-height: 1.85;

For example
https://github.com/piharpi/jekyll-klise/blob/master/_sass/main.scss

[rahulgadre]

That worked. Thank you for your reply.

Best,
Rahul

[piharpi]

You're welcome

[abhisheknaiidu]

Go to yoursite/_sass/main.scss , change the values with your own

// Fonts preferences
$sans-family: Roboto, sans-serif;
$mono-family: Consolas, monospace;
$base-font-size: 16px;
$medium-font-size: $base-font-size * 0.938;
$small-font-size: $base-font-size * 0.875;
$base-line-height: 1.85;

For example
https://github.com/piharpi/jekyll-klise/blob/master/_sass/main.scss

Hey hi @piharpi , I actually changed the font to Fira Code, but it worked just for Chrome and Firefox, for Safari and Mobile Version, it's just showing normal Font's, do know what to do?

[abhisheknaiidu]

Go to yoursite/_sass/main.scss , change the values with your own

// Fonts preferences
$sans-family: Roboto, sans-serif;
$mono-family: Consolas, monospace;
$base-font-size: 16px;
$medium-font-size: $base-font-size * 0.938;
$small-font-size: $base-font-size * 0.875;
$base-line-height: 1.85;

For example
https://github.com/piharpi/jekyll-klise/blob/master/_sass/main.scss

Hey hi @piharpi , I actually changed the font to Fira Code, but it worked just for Chrome and Firefox, for Safari and Mobile Version, it's just showing normal Font's, do know what to do?

It worked using some CSS type faces from here!
Thanks for this awesome project~✨