Changing font of product titles on dawn theme

Store Design
, , ,

Topic summary

A user is attempting to add a custom font (Josefine) downloaded from an external site to their Shopify Dawn theme, specifically for product titles.

Current Issue:

  • The user converted the font from TTF to WOFF format and uploaded it to their store’s assets folder
  • Added CSS code to base.css using @font-face declaration
  • The font is not appearing anywhere on the website despite the implementation

Proposed Solution:
A community member suggested an alternative approach:

  • Add custom CSS directly to the theme.liquid file within the <head> section
  • Use a <style> block with @font-face and apply the font to .card-wrapper .card__heading elements
  • Provided a screenshot showing the expected result with the custom font applied

Status: The discussion remains open with one proposed solution awaiting implementation and confirmation from the original poster.

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

Hello,

I am trying to change the product title font to Josefine that I downloaded from https://www.1001freefonts.com/sans-serif-fonts.php

I converted the font from tiff to woff and uploaded this into my assets. Here is the code i put into base.css but I do not see the font Josefine anywhere on my website.

Can you assist?

Josefine.png
Josefine.png1196×595 110 KB

2

I forgot to add my website https://ekety5-vj.myshopify.com/

3

Hi @villabodrum

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file theme.liquid and add this code at the end of the (https://prnt.sc/N11EJkz3S9kN)

Result

DaisyVo_0-1745026649015.png
DaisyVo_0-1745026649015.png1752×976 148 KB

Best,

DaisyVo