Change font of Product Title

Topic summary

Align product title font with the body font across a Shopify theme after adding a custom font. The requester wants product titles to use the same body font for consistency.

  • Proposed fix: Edit Online Store → Themes → Edit code → theme.liquid and add custom CSS (suggested placements: before or before ). Helpers referenced using Shopify’s body font CSS variable (var(–font-body-…)).

  • Note: The exact code snippets are central but not visible in the thread; screenshots show expected results.

  • Progress: Initial CSS change updated product page titles. The change did not affect titles in the homepage’s Featured collection section.

  • Update: A revised CSS selector was provided to target the Featured collection titles as well. The requester confirmed it worked after updating and refreshing.

  • Outcome: Issue resolved; product titles now match the body font on product pages and the homepage Featured collection. No remaining open questions.

Summarized with AI on December 19. AI used: gpt-5.

please help

1 Like