We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Re: Change Headers Font

Change Headers Font

martujv
Trailblazer
234 2 46

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

Replies 6 (6)

Mike-Consentik
Shopify Partner
196 30 39

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

 

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
martujv
Trailblazer
234 2 46

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

Mike-Consentik
Shopify Partner
196 30 39

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

If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
martujv
Trailblazer
234 2 46

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

Mike-Consentik
Shopify Partner
196 30 39

hey @martujv 

 

You can try this CSS code:

header h5 {
    font-family: 'Helvetica Black' !important;
    letter-spacing: 0px !important;
}
If you find this helpful, please give it a like or mark it as a solution.
Consentik GDPR Cookie Banner: Effortlessly stay in compliance with EU GDPR and CCPA with Google Consent Mode V2. Free plan available and 24/7 Support
martujv
Trailblazer
234 2 46

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