Replacing the header font in Narrative theme

kamala1003
New Member
1 0 0

Hi experts, 

I am trying to update the Header font in the Narrative Theme with the Bangers Google font. Any help would be greatly appreciated! 

0 Likes

Hi @kamala1003 , I have a video https://youtu.be/z_mu45rbpeM talking about how to change font for 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=Bangers&display=swap" rel="stylesheet">

 into your theme.liquid right before </head>

Then add 

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

to the end of your theme.scss.liquid

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
khilan
Excursionist
64 4 10

hi @kamala1003  try this coad.

 

<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Bangers&display=swap" rel="stylesheet">
#shopify-section-header *{
font-family: 'Bangers', cursive;

thank you!

0 Likes