Change theme font

Developer help
1

I am using the Journal theme for my blog, I make posts both in English and Greek, I love the original fonts but some letters don’t render nicely in Greek.

So I want to change the fonts, I put this line <link href="https://fonts.googleapis.com/css?family=Roboto:400,700|sans-serif:400,700" rel="stylesheet"> in default.hbs file, and this piece of code in the Code injection area

‘
span.post-card-tags {
font-family: Roboto, sans-serif;
}
’

But it doesn’t work as intended.

2

Hi @gexxos

This code pasted into the Code Injection should work for you:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Serif:opsz@8..144&family=Roboto:wght@400;700&display=swap" rel="stylesheet">

<style>
:root {
--font-sans: "Roboto",sans-serif;
--font-serif: "Roboto Serif",serif;
}
</style>
3

Thank you @fueko that solution works, I can now have the fonts I want. I appreciate it.

1 Like