Changing title-font Debut Theme hero

[rmreklam]

Hi!

I would like to change the title-font in the header (on home page) of Debut Theme. I also want to change the title-font in headers on collection pages. I don´t want to change all title-fonts, only on home page and collection pages headers. How can I do that?

/Elin

[dmwwebartisan]

@rmreklam 

It can be done. You have to upload font files and apply related CSS code for the home page heading only.

To upload the custom fonts you can refer to the following URL.

https://support.weareunderground.com/article/272-how-do-i-add-a-custom-font-to-my-theme

Thanks!

[rmreklam]

Thanks! But do I need to upload the font if it´s already in Shopify's font-library? I just want to change the font in the headers, not install a new one. Can I find it in the code? 

[dmwwebartisan]

@rmreklam 

If you are using existing fonts then no need to upload. For the home page, you have to write like the following.

.template-index h1, h2{
font-family: "your font name";
}

Hope this helps.

Thanks! 

[rmreklam]

Thanks! Which code should I edit? theme.css?

[dmwwebartisan]

@rmreklam 

Yes, assets/theme.scss.liquid file. Add the above code at the bottom of that file.

Thanks!

[rmreklam]

Hmmm, it doesn't work. 

.template-index h1, h2{
font-family: "vala_n4"; }

I added it in file theme.css (Assets).
I also have a file named theme.liquid in Layout - should I edit that too?

Sorry, just started my Shopify career... 

/Elin

[dmwwebartisan]

@rmreklam 

If you can provide me URL then I can give you the exact solutions. For your information no need to edit theme.lqiuid file. You need to edit assets/theme.scss.liquid OR theme.css if you have.

Thanks!