Manual change of font of certain blocks on the website. (Without changing the standard fonts) | Dawn

Topic summary

A user wants to change fonts for specific blocks on their Dawn theme website without altering the two standard fonts (Old Standard TT and Montserrat Semi Bold).

Specific Requirements:

  • Change product title to Montserrat Semi Bold
  • Change body text below to Arrapey Regular
  • Seeking a CSS-based solution

Solution Provided:
Another user offered custom CSS code targeting specific classes:

  • For the title: .section-template--[ID]__image_with_text h2.image-with-text__heading with font-family: Montserrat
  • For body text: .section-template--[ID]__image_with_text .image-with-text__text with font-family: Old Standard TT and font-weight: 500

The user included comparison images showing the current Dawn theme appearance versus their desired outcome from an older theme. The discussion appears to provide a working CSS solution for font customization at the block level.

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

Hey lovely Shopify-Community,

Do you know a way to manually change a font of a specific block on the website? (without changing the 2 standard fonts - As standard fonts I have set “Old Standard TT” + “Montserrat Semi Bold”)

Maybe with the CSS option?

At this specific example I would like to change the

→ Product title into: Montserrat “semi bold”

→ And the text below into: Arrapey “regular” (like at the old theme → picture is attached)

Here the ideal outcome:

And here how it looks right now in the new Dawn Theme:

Massive thanks in advance for looking into it.

Have a blessed day

  • Jul | Cheval Doré

www.chevaldore.com

You can use the following css:

To adjust your title:

.section-template--19453454287115__image_with_text_9RKdNB-padding h2.image-with-text__heading.inline-richtext.h2 {
  font-family: Montserrat, sans-serif !important;
}

to adjust your body text:

.section-template--19453454287115__image_with_text_9RKdNB-padding .image-with-text__text.rte.body {
  font-family: "Old Standard TT", serif !important;
  font-weight: 500;
}