Apply Helvetica Black Font Only On H5 Headers

Store Design
, , , , , , , , ,

Topic summary

A user wants to apply Helvetica Black font specifically to H5 headers while keeping Helvetica Bold for other headers on their Shopify store (theme: Stiletto).

Proposed Solution:
A community member suggested adding CSS code to the theme.css file:

  • Navigate to: Online Store → Theme → Edit code → Asset → theme.css
  • Add custom CSS targeting H5 elements with font-family and font-weight properties

Current Status:
The solution did not work as expected. The original poster tried the code but saw no changes, then removed it. The helper asked for confirmation about code removal from theme.css.

Unresolved Issue:
The discussion remains open with no working solution yet implemented. The CSS approach may need debugging or an alternative method.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

Hello! I use the “helvetica bold” font for headers. However, only for the H5 headers, I want to use “helvetica black”. How can I do that?

My theme is Stiletto and my store is https://f0par20pcsj6lyw7-60150284501.shopifypreview.com

Thanks in advance

2

Hello, do you have a code for this?

3

Hi
You can try this code

  1. Go to Online Store-> Theme->Edit code
  2. Asset-> theme.css ->paste the below code at the bottom of the file.
h5 {
    font-family: 'Helvetica' !important;
    font-weight: 500 !important;
}
4

Hello! I tried but it didn’t change anything unfortunately

5

I did not see any code in theme.css, did you remove it?

6

Yes! Since unfortunately it didn’t do any difference