change font for product title and price

Topic summary

A user wants to change the font for product titles and prices in their Shopify Dawn theme without affecting other store headings.

Solutions Proposed:

  • Multiple respondents suggest adding custom CSS code to target specific elements (.product__title and .price classes)
  • Recommended approach: Navigate to Online Store > Themes > Edit Code, then locate CSS files like base.css, theme.css, style.css, main.css, or custom.css
  • Add CSS targeting product title and price elements with custom font-family declarations
  • One suggestion mentions ensuring chosen fonts are installed via Settings > Customize > Theme fonts

Current Status:

  • User attempted implementation but reports the code didn’t work (shared screenshot)
  • User clarified they have theme.liquid instead of theme.css.liquid
  • User provided website URL (alexandrawestbrook.com) for further troubleshooting
  • Discussion remains open - awaiting corrected solution or clarification on proper file location for Dawn theme
Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.

hello, is there a way i can change the font of my product title and price without changing the fonts for my store headings? Is there any code i can add which just changes the product title and price font? Theme is dawn

Hi @ads18922

Yes! You can change the font of your product title and price without affecting other headings in your Shopify Dawn theme by adding custom CSS.

I would be happy to check and share a detailed reply if you can share the website URL

Hi @ads18922 ,

Go to Online Store, then Theme, and select Edit Code.
Search for base.css/theme.css/style.css/main.css/custom.css file Add the provided code at the end of the file.

.price.price--large,
.product__title {
font-family: 'SuisseIntl' !important;
}

Absolutely! You can customize the font for just product titles and prices by adding targeted CSS code. In your Shopify admin, go to Online Store > Themes > Edit code, then open Assets > theme.css.liquid. Add this snippet:

.product__title, .price-item {
font-family: YourChosenFont;
}

Replace YourChosenFont with the desired font (ensure it’s installed in Settings > Customize > Theme fonts)

hello, this didnt seem to work. Is this code correct:

hello, i dont have theme.css.liquid, i have theme.liquid if thats what you mean?

www.alexandrawestbrook.com