Custom Font Not Showing (Safari) on One Page Only

Custom Font Not Showing (Safari) on One Page Only

plants4friendz
Explorer
46 1 10

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
512 86 80

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

 

 

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
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
Explorer
46 1 10

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

TerenceKEANE
Shopify Partner
512 86 80

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

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
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
Explorer
46 1 10

Only this font and only this one page!

TerenceKEANE
Shopify Partner
512 86 80

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.

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
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
Explorer
46 1 10

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

plants4friendz
Explorer
46 1 10

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

TerenceKEANE
Shopify Partner
512 86 80

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.!

★ Looking for Dedicated Premium Coding Support? Join our unique "PREMIUM SUPPORT" service starting at 59 USD for 1 MONTH!
★ Get skilled Shopify developers at BUDGET-FRIENDLY RATES — explore Novajetsoft.com for a rapid quote!
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