How to adjust letter spacing on a custom font in the Emerge theme?

Store Design
1

Hello!

I’m currently using the Emerge theme and successfully installed custom fonts using the code below. I inserted the custom code as advised from the theme developer in the custom-styles.liquid.

However, the Emerge theme appears to apply a letter-spacing of -1px (see screenshot). So I added +1 for letter spacing in my custom code - but that doesn’t seem to balance it.

IMG_4024.png
IMG_4024.png556×249 23.2 KB

@font-face {
font-family: 'TitlingGothicFBComp-Bold';
src: url({{'TitlingGothicFBComp-Bold.woff2' | asset_url }}) format('woff2'),
url({{'TitlingGothicFBComp-Bold.woff' | asset_url }}) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}

h1 { font-family: 'TitlingGothicFBComp-Bold' !important; letter-spacing: +1px; }

Any thoughts on how to solve this matter?

Thanks!

2

Welcome to shopify community.

Please share your store URL and if your store is password protected then please provide password too.

Thank you.

3

Hello Denishamakwana

please see the preview link below. You can navigate to MEN - ALL MEN’S to see the h1 title that we tested the custom font on.

https://p87w6qg5jiyczj0r-56118902831.shopifypreview.com

Thanks