How to change the boldness of headings

Store Design
, , ,

Topic summary

A user seeks to increase the boldness of headings on their Shopify product page to match a reference store’s appearance, despite already using the same font and adjusting weight settings.

Two solutions were proposed:

  1. CSS override approach: Add custom CSS code targeting the specific heading element with font-weight: 800 !important in the theme’s CSS file.

  2. Font import issue (accepted solution): The root cause was identified as incomplete font import. The reference site imports the full Inter font family including bold variants, while the user’s store only imported the regular weight. This prevents bold attributes from rendering properly.

Resolution:
The user should access Typography settings in Shopify and select “Inter Bold” or “Inter Extra Bold” variants to enable proper bold rendering. The discussion concluded with the user confirming understanding of the font import solution.

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

Hey guys, I need help adjusting the boldness of my headings.

Here’s how it looks on my store:

CreatorTim_1-1735210159862.png
CreatorTim_1-1735210159862.png1920×852 151 KB

And here’s how I want it to look:

CreatorTim_0-1735210138213.png
CreatorTim_0-1735210138213.png1915×870 236 KB

I’ve even added the same font, but I can’t figure out how they made it look this bold since I’ve already increased the boldness…

Here’s the store I’m trying to match: https://tomnoske.store/products/cinema-luts

And here’s my store: https://1049xn-ya.myshopify.com/products/editing-masterclass

I’d really appreciate any help,
Thank you so much!!
Tim

2

Hi @CreatorTim

  1. Go to Online Store → Theme → Edit code.
  2. Open your theme.css / based.css file and paste the code in the bottom of the file.
h2.image-with-text__heading.inline-richtext.h1 strong {
    font-weight: 800 !important;
}

Result:

websensepro_1-1735211161529.png
websensepro_1-1735211161529.png896×499 149 KB

If my reply is helpful, kindly click like and mark it as an accepted solution.

If you are happy with my help, you can help me buy a COFFEE

Thanks!

3

Hi,

The issue happen because you don’t import full type font for new font, because when i check on demo site they import full type font for their site include bold type.

Here is font on demo site:

DitalTek_0-1735211117982.png
DitalTek_0-1735211117982.png658×246 34 KB

But on your site just import type regular, so the bold attribute it not work as demo site.

Here is font on your site:

DitalTek_1-1735211183377.png
DitalTek_1-1735211183377.png648×250 24.5 KB

4

Hey, it doesn’t work.

5

Hey, so what should I do? How do I change the font boldness?

6

Hi,

This is font default that Shopify provide so you can change it on Typography setting,

You find name font “Inter” and then choose


Inter Bold

or


Inter Extra Bold
1 Like
7

Got it, thank you!