Can see font on customize but not on preview

[laurenamberreyn]

Hi There, 

Hope you can help. My font loads on ''customize'' but does not show the font when on ''live'' or on ''preview''. Does anyone know why?

}
@font-face {
font-family:"SergioTrendy-Regular";
src: url("SergioTrendy-Regular.woff2") format("woff2"),
url("SergioTrendy-Regular.woff") format("woff");
}
h1,h2,h3,h4,h5,h6,body,p,a{ font-family: "SergioTrendy-Regular"!important; }

Ive attached screen shots.

[Made4uo-Ribe]

Hi @laurenamberreyn 

Maybe this one can help.  

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

[PageFly-Oliver]

Hi @laurenamberreyn ,

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file theme.liquid

Step 3: Paste the below code at the bottom of the file -> Save

<style>
 @font-face {
	font-family: 'SergioTrendy-Regular';
	src: url('https://cdn.shopify.com/s/files/1/0612/7756/9224/files/Sergio_Trendy.woff2?v=1700283535') format('woff2');
}

<style>

Hope my solution works perfectly for you!

Best regards,

Oliver | PageFly

[laurenamberreyn]

That works thank you!! The only thing is characters like a - or a % are highlighted strangely like the attached. do you know how I change? 

[laurenamberreyn]

@PageFly-Oliver  if you could help it would be really appreciated 🙂

[laurenamberreyn]

Hello this works but any character does not work. Can you help? 🙂 

[auuuthur]

The font might not be showing up on the live or preview version because it is not properly linked to your theme.