How to change header font in Narrative Theme

herculesshields
Excursionist
22 0 7

Hi experts, I would want to replace the font in my header at: www.herculesstrong.ca to the Google Font, Anton.

I'd also like to have the same line breaks in my preview attached. Thanks!

Screen Shot 2020-12-03 at 11.19.52 AM.png

0 Likes
KetanKumar
Shopify Partner
22496 2279 8379

@herculesshields 

Thanks for it 

yes, can you please try this 

Yes, you can do easy to upload your custom font

1. Go to Online Store->Theme->Edit code
2.Asset->/theme.scss.liquid->upload your custom font all font tyep = TTF, OTF, WOFF, WOFF2, SVG
3. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
3. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@font-face { font-family: 'Montserrat-Regular'; src: url('{{ 'Montserrat-Regular.eot?' | asset_url }}'); src: url('{{ 'Montserrat-Regular.eot??#iefix' | asset_url }}') format('embedded-opentype'), url('{{ 'Montserrat-Regular.woff' | asset_url }}') format('woff'), url('{{ 'Montserrat-Regular.ttf' | asset_url }}') format('truetype'), url('{{ 'Montserrat-Regular.svg#Montserrat-Regular' | asset_url }}') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased; }

can you please just change font name, for example, Montserrat-Regular to your custom font name

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
juliakv
Excursionist
11 0 7

@KetanKumar 

Hi, I tried to change my header font to Google Font Lexend Deca according to your description but it doesn't work.

I uploaded the font to my assets too.

 

Can you pls help?

 

Thank you!

 

Best

Julia

KetanKumar
Shopify Partner
22496 2279 8379

@juliakv 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
juliakv
Excursionist
11 0 7

Dear @KetanKumar 

sorry for reaching out so late. 

My URL is https://ohhmymoon.myshopify.com/admin

 

Thank you so much for your help!!

 

Best

Julia

0 Likes
KetanKumar
Shopify Partner
22496 2279 8379

@juliakv 

no rush

thanks for update

sorry but your store is password protect can you please share us si i will check and let you know

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
juliakv
Excursionist
11 0 7

Dear @KetanKumar 

sure, the pw is: seumay

 

Thank you!

 

Best

Julia

KetanKumar
Shopify Partner
22496 2279 8379

@juliakv 

thanks for detail sorry but i can't see

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
juliakv
Excursionist
11 0 7

@KetanKumar 

What does it mean? What should I do? 

Best

Julia

KetanKumar
Shopify Partner
22496 2279 8379

@juliakv 

do you have flow above step and let me know show me where do you have add?

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing