Need help getting a custom font to work in the Sense theme

Technical Q&A
, , ,

Topic summary

Topic: Getting a custom Google Font (“Bagel Fat One”) working in the Shopify Sense theme for headers.

What’s been done:

  • Font file (.ttf) uploaded to theme Assets.
  • Head includes added in theme.liquid (Layouts): preconnect to fonts.googleapis.com and fonts.gstatic.com, plus the Google Fonts stylesheet link for Bagel Fat One. These code snippets are central to the setup.

Issue raised:

  • Unsure where to add the final CSS and which file within the Sense theme to modify.

Latest update:

  • Original poster reported they figured it out and asked how to delete the post, but did not share the solution details.

Open questions / next steps:

  • Another participant requested specifics: which CSS file in Sense was updated and how the CSS was written.
  • No response yet; the thread lacks the exact CSS location and rules used.

Status: Unresolved/ongoing; key implementation details remain unshared.

Summarized with AI on December 29. AI used: gpt-5.
1

Hi guys, I have a custom font I’d like to use called Bagel Fat One for all of my headers. I’m using the Sense theme. After reading a bunch of forums on how to upload a custom font, under “Edit Code” for the theme, I uploaded the .ttf file as a new asset to “Assets” as well as added this line of code right above the tag in theme.liquid under “Layouts”:

According to all the guides, the final step is to add some CSS in a file/location I cannot figure out. Can anyone help me? Thanks!

2

nvm i figured it out thanks! cant figure out how to delete this

3

can you share how you updated the css and which css file for sense theme?