Custom Font Not Showing (Safari) on One Page Only

plants4friendz
Excursionist
37 1 9

Hi there,

 

I have an issue where my custom font is not showing up (specifically on Safari) on one page only. Every other instance on the site, it is working just fine. Could anyone advise?

 

My page is www.thespiralpath.love if needed.

 

Safari:

Screenshot 2024-04-18 at 12.58.16 PM.png

 

Chrome:

Screenshot 2024-04-18 at 12.33.53 PM.png

 

Thanks in advance!

Replies 8 (8)

TerenceKEANE
Shopify Partner
319 65 57

Hi

 

How peculiar! What you saw in Safari, I'm now seeing in Chrome! Is this the font: font-family: SwearDisplay-Cilati;?

 

Terence.

 

TerenceKEANE_0-1713516652279.png

 

 

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
plants4friendz
Excursionist
37 1 9

Yes, that's correct! So strange.. It shows up fine on my chrome. 

TerenceKEANE
Shopify Partner
319 65 57

Is it only happening with this font, or is there inconsistency across all fonts?

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
plants4friendz
Excursionist
37 1 9

Only this font and only this one page!

TerenceKEANE
Shopify Partner
319 65 57

The discrepancy you're seeing in how the font renders in Chrome and Safari could be due to differences in how each browser handles font rendering or supports the specific font family "SwearDisplay-Cilati". It's also possible that there are variations or inconsistencies in how the font is implemented or supported across different platforms and browsers.

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites
plants4friendz
Excursionist
37 1 9

But I already remedied that problem with another developer and it's rendering just fine on all the other pages.

plants4friendz
Excursionist
37 1 9

I figured it out in the specific page code! Thanks for your replies!

TerenceKEANE
Shopify Partner
319 65 57

I'm glad you managed to resolve the issue. Unfortunately, due to the absence of a MacBook, I cannot directly access the Safari browser. While it's possible to implement browser-specific coding, it's always best to experience the results firsthand. For instance, if you're using the 'Brave' browser, there might be inconsistencies across different website sections. Nonetheless, please don't hesitate to inform me if you encounter any further issues.!

Our Website --- Looking for Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 month!
★ If I helped you, Please don't forget to Like and Mark Solution to the post that helped you.
If my support was a lifeline for you, The COFFEE   would be the anchor keeping me steady!
★ For Quick response --> WhatsApp | Email --> info@novajetsoft.com | Software Engineer - Specializing In Advanced E-Commerce Websites