Custom Font Slow To Load

[patrick.fischer]

Hey,

I am currently using HouschkaPro a custom font on the desktop the site loads fine but on the mobile the font loads super slow as the images actually load before the text.

Also to be noted when you change the screen size with it loaded it will defer the text loading. I know inside woodmart support for google fonts is easy but what about custom fonts?

Current analysis from myself:

We currently have fonts loaded into the backend of the site custom fonts, Bold, Semi Bold, & Font weight 700 for Houschka with latin fonts for the regular text. Why would this issue then only occur on mobile not desktop?

I have attached the staged version of our site for you to take a look through the custom font setup and best advise, if you think it’s better loaded a different way please inform us as site speed is crucial to us.

• This topic was modified 12 hours, 58 minutes ago by patrick.fischer. Reason: Admin Links

Hello,

That issue with the loading of the font happens due to the 404 error of the font – https://prnt.sc/PthnVlOG8YvS so after checking the font in the media we found that it uses the deprecated file type – https://prnt.sc/radYaktgDee8 (this was an older, unofficial MIME type used before font/woff2 was widely accepted) , with the “font/woff2” it works well https://prnt.sc/wd40cogmgRUT so it seems that the server does not have a MIME type mapping for application/x-font-woff2, so it treats it as an unknown file type which causes a long loading. I suggest you find such a font with the “font/woff2” type, and check how it works.

Kind Regards

[Author]

Posts