Add a custom font

Store Design
, , , ,

Topic summary

Goal: add the “BB Condensed Bold” font to a Shopify Dawn theme.

Proposed solution:

  • Download the font file.
  • Upload the WOFF (Web Open Font Format) file in Shopify Admin under Content > Files, then copy the file URL.
  • In base.css, add an @font-face block pointing to that URL and set body { font-family: ‘BBCondensedBold’; } to apply it sitewide.

Key details:

  • A code snippet was provided showing @font-face with the WOFF source and applying the font to the body.
  • The user initially asked where to find “Content,” then confirmed they found it.

Status/outcome:

  • User located the “Content > Files” area and can proceed with the steps.
  • No confirmation yet that the font is successfully applied; discussion appears open without a final resolution.
Summarized with AI on December 18. AI used: gpt-5.
1

Hello,

I want to add a custom font to my theme, the font name is BB Condensed Bold, there is the link to it BB Condensed 1.00 Fonts Free Download - OnlineWebFonts.COM

I use theme dawn: my website is womber.fr and the password is PROPAGANDAAA

Thanks!

Cordially,

2

Hi @PAUL8 ,

1: Download the font you want

2: Upload font (woff file) to Content → File → Copy link

3: Insert this code into base.css:

@font-face {
  font-family: 'BBCondensedBold';
  src: url('link that you copied') format('woff');
}

body {
  font-family: 'BBCondensedBold';
}

Hope it helps!

1 Like
3

where can I find content?

4

Sorry I found