Delay / Glitch with font display

Shopify Discussion
1

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.45.48 AM.png2064×1898 267 KB

Screenshot 2023-07-05 at 8.46.05 AM.png
Screenshot 2023-07-05 at 8.46.05 AM.png2070×2264 574 KB

2

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

Regards,

Osama Farooqi

3

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.

4

https://jalie.com/products/jade-high-neck-halter-leotards-sewing-pattern

5

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!