I added a new custom font but it's not displaying correctly

Store Design
, , , ,
2

Thanks for your reply, here is what I have;

Theme.liquid

@font-face { font-family: 'BungeeInlineRegular'; src: url('{{'BungeeInlineRegular.woff' | asset_url}}'); } @font-face { font-family: 'BungeeInlineRegular'; src: url('{{'BungeeInlineRegular.woff2' | asset_url}}'); }

Main.css file:

@font-face {
font-family: ‘BungeeInlineRegular’;
src: url(https://cdn.shopify.com/s/files/1/0889/1881/9159/files/BungeeInline-Regular.woff?v=1747734346) format(‘woff’);
}

tagname or .classname or #id{

font-family: BungeeInlineRegular;

}

@font-face {
font-family: ‘BungeeInlineRegular’;
src: url(https://cdn.shopify.com/s/files/1/0889/1881/9159/files/BungeeInline-Regular.woff2?v=1747734346) format(‘woff2’);
}

tagname or .classname or #id{

font-family: BungeeInlineRegular;

}

Selecting the font for my nav header
#shopify-section-sections–24453134909783__header > store-header > header > div.header__logo.logo.text-center.flex.js-closes-menu > h1 > a > span{
font-family: ‘BungeeInlineRegular’ !important;
}

I confirmed I added the font to assets folder correctly, and the link is pulling from the files I added.

Do you see any issues?