Trying to Change Font

Solved
ItzMeLauryn
New Member
3 0 0

I have been looking online for a tutorial to add a custom font to my theme via google fonts, they require a .css.liquid or .scss.liquid file and after further research those files are being phased out, which is why I do not have them. I have tried so many tutorials and nothing seems to work. I cannot use an app because I am not the owner of the store. I am trying to change the entire websites font theme. Any help is greatly appreciated, thanks! 

<style>
@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap');
</style>

This is the font I want to use. 

0 Likes

This is an accepted solution.

Hi @ItzMeLauryn  , I have a video https://youtu.be/z_mu45rbpeM talking about how to change font for the entire Shopify Store, for your case

you could try to add 

 

 

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">

 

Copy

 into your theme.liquid right before </head>.

Then add 

 

 

#shopify-section-header *{
    font-family: 'Bangers', cursive;
}

 

Copy

to the end of your theme.scss.liquid file or theme.css depending on which theme are you using.



Visit my Shopify Youtube channel to learn how to code your Shopify store and fix various coding issues on Shopify.(subscribe if you like it :)).
Glad to help out and wish your Shopify store great success.
0 Likes
ItzMeLauryn
New Member
3 0 0

Thank you so much! This worked!

0 Likes