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

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

faebellehaven
New Member
4 0 0

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 </head> tag in theme.liquid under "Layouts":

 

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Bagel+Fat+One&display=swap" rel="stylesheet">

 

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!

Replies 2 (2)

faebellehaven
New Member
4 0 0

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

brc14
Visitor
1 0 0

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