How to change only header font (custom) in debut theme?

Regntjejen
Excursionist
41 0 19

Hello, 

I am trying to change my header font. I have all woff, woff2, ttf files available. When I do it changes whole website font into 1 font but I only want headers.

Can someone guide me please? No matter what I tried couldn't do it. 

Replies 6 (6)

dmwwebartisan
Shopify Partner
12280 2546 3694

@Regntjejen 

Please share your store URL.

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Regntjejen
Excursionist
41 0 19

It's normally www.lapluie.store

But i am working on new theme (debut) 

dmwwebartisan
Shopify Partner
12280 2546 3694

@Regntjejen 

You can add the following code at the bottom of your assets/timber.scss.liquid file.

header.site-header a, .header-bar, div#fsb_bar {
font-family: "Your font name here." !important;
}

Hope this works.

Thanks!

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Regntjejen
Excursionist
41 0 19

That didnt work 😕

Can you take a look again? I put the debut theme now, you can login by password : Yaggie95100

dmwwebartisan
Shopify Partner
12280 2546 3694

@Regntjejen 

I checked above code worked. Can you tell me how is your final code with the font or which font you like to use there?

 

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com |  Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | #1 Product Filter & Search app on Shopify | The most powerful Shopify page builder app
Regntjejen
Excursionist
41 0 19

ss.png