Custom Google Font Tutorial (March, 2025)
Based on what works for me
I'm not a coder and I barely know HTML/CSS
So it's probably wrong
I made this tutorial because:
No font customization bar on my customization page (except for 'Title font', its like my desktop setting is similar to the mobile one is that normal)
Tutorials that I've found are from 2014/2015 and either the UI/code looks different so I kind of mix them together
Took me like 3 hours to figure it out
How to get to blog customization page:
Click 'Account' (left menu)
Click the blog that you'll edit (press 'Blogs' if there's no option)
Click 'Blog settings' (right menu)
Scroll till you find 'Custom Theme' and click 'Enable custom theme'
Click 'Edit HTML' (top of left menu)
Get font from Google Fonts
Go to their website and search for a font (new tab)
Click on the chosen font (for full page), I choose 'Lexend' because it's easy to read :)
Click 'Get font' (top right)
Click 'Get embed code' (right)
Copy link with the word 'href'
Paste link under 'head' (5th line)
Remember your font name from link, in my case 'Lexend'
Press 'CTRL+F' to open search bar (top left)
type in "font", your first result should appear in around line 50 (or just search for the words in this part)
under 'body {' type:
'font-family: "Lexend", sans-serif;'
under '.blog-title {' there is a similar sentence, I've changed it to:
'font-family: {TitleFont}, "Lexend", sans-serif;'
now in your search bar, there's two arrows (right of bar), press the downturned one
press until you see this (around line 910 up)
change to "font-family:'Lexend', sans-serif;
Press 'Update Review' to test things out and pray it will work
I think you can put '!important' to make everything that font, but it didn't work for me (also someone said that doing that will be a hassle if you want a different font for different parts)
If you find anything incorrect, don't shy away from commenting
That's all I hope this helps