Shopify themes, liquid, logos, and UX
Hi, thanks for reading.
I only want to change our homepage's blog's typography.
I think that I need to change the code, but unfortunately, I don't know how.
Is there any good way to fix this?
Our homepage and the post on our blog are:
Thank you!
Solved! Go to the solution
This is an accepted solution.
Hey @KimKimKimKim ,
You can follow these steps::
Step 1: Go to Online Store > Theme > Edit code > find theme.css file and add the following
.page-blog,
.template--article {
--font--heading--family: sans-serif;
--font--paragraph--family: sans-serif;
}
Please note that this will set a fallback font available on all devices as the default. If you want a custom font, use Google Fonts to load it via the @import directive.
♥ If you found my solution helpful, please consider giving it a Like and marking it as the ✔ Accepted Solution
Try our WhatsApp Chat Button Widget with multipe agents. Supachat: WhatsApp Chat Button
A Product of Maverick Studio
This is an accepted solution.
Hey @KimKimKimKim ,
You can follow these steps::
Step 1: Go to Online Store > Theme > Edit code > find theme.css file and add the following
.page-blog,
.template--article {
--font--heading--family: sans-serif;
--font--paragraph--family: sans-serif;
}
Please note that this will set a fallback font available on all devices as the default. If you want a custom font, use Google Fonts to load it via the @import directive.
♥ If you found my solution helpful, please consider giving it a Like and marking it as the ✔ Accepted Solution
Try our WhatsApp Chat Button Widget with multipe agents. Supachat: WhatsApp Chat Button
A Product of Maverick Studio
Discover how to increase customer engagement on your store with articles from Shopify A...
By Jacqui Apr 23, 2025Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025