Change Headers Font

Store Design
, , , , ,
1

Hello!

On my website, for all the headers I’m using the Helvetica Bold Font. However, only for the H5 headers, I want to use Helvetica Black with -45 of separation between letters. How can I do that?

My website is https://9rc35kgxa9tqp9ni-60150284501.shopifypreview.com

2

Hi @martujv

This is Mike from Consentik

First of all, you need to add font “Helvetica Black” into your store, then add this code to the bottom of file theme.css

h5 {
    font-family: 'Helvetica Black' !important;
    letter-spacing: 0px !important;
}

You can change the value of letter-spacing like you want.

Hope this can help you.

Mike from Consentik

3

Hello, What do you mean by adding helvetica black to my webstore first? Do I need some special code for that? I have it selected in the website’s fonts already

I tried your code and the font that applies to H5 headers is not helvetica black

4

I see there is not Helvetica Black on your store. Maybe you miss this, please check it again where you are adding font

5

But I want helvetica black font ONLY in h5 Headers, nowhere else, how can I do that? If I select helvetica black on my store in the headers it will be applied to all of them

6

hey @martujv

You can try this CSS code:

header h5 {
    font-family: 'Helvetica Black' !important;
    letter-spacing: 0px !important;
}
7

Hey, thanks for your reply. That’s the same code that you gave me in the first place, it still doesn’t work unfortunately.