Delay / Glitch with font display

Emilie_Jalie
Excursionist
19 0 7

The fonts I picked in the theme settings takes some time to load. Therefore we can see the font change (it looks like the site glitching) from a basic non serif to the fonts I selected in the settings.


How can I fix that?

Thanks!

 

Screenshot 2023-07-05 at 8.45.48 AM.png

Screenshot 2023-07-05 at 8.46.05 AM.png

 

  

  

Replies 4 (4)

osamafarooqi71
Shopify Partner
245 19 40

Hello @Emilie_Jalie , can you please share the store URL. So, I can check further for your request. 

 

Regards,

Osama Farooqi 

Shopify Theme Developer | Contact me | Hire expert
- Was my reply helpful? Click Like 🙂 to let me know | Buy Me Coffee
- Was your question answered? Mark this as Accepted Solution

BSS-Commerce
Shopify Expert
3477 462 523

Hi @Emilie_Jalie 
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development

BSS-Commerce
Shopify Expert
3477 462 523

Hi @Emilie_Jalie ,

 

1. Go to theme -> Edit Code.

2. Search file base.css add this code at the end of the file following the below order:

 

.faux-select, body, select, textarea {
    letter-spacing: var(--typeBaseSpacing);
}
.site-header--heading-style .site-nav__link {
    letter-spacing: 1px;
}

Good luck! 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development