Jump to content

custom font in Squarespace css not displaying in firefox

Recommended Posts

Posted
 
 

Hello! I installed a custom font for my website. it works with Safari, but the font doesn't display on Firefox, where it has been substituted for a serif font.

This is my code:

@font-face {   
font-family: 'balham';   
src: url(URL.ttf/.otfhttps://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64764eb6900ecc40563ceca0/1685474998429/Balham.otf), url(URL.woffhttps://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64764cb3defa366483bbe689/1685474483733/balham-webfont.woff), url(URL.woff2https://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64764ea619471b6f87c755b6/1685474982587/balham-webfont.woff2);}

h1 {
font-family: 'bacalisties';}

@font-face {   
font-family: 'bacalisties';   
src: url(https://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64770fb6e48ff02f8b796ab0/1685524406820/Bacalisties.woff), url(https://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64770fb6e48ff02f8b796ab0/1685524406820/Bacalisties.woff), url(https://static1.squarespace.com/static/6476468eb1a7d51794aee6c1/t/64770fc3c29ccd2d7c748af5/1685524419255/Bacalisties.woff2);}

h2 {
font-family: 'bacalisties';}

 

Can someone help me out?

Thanks in advance!

how_it_should_not_look_like.png

how_it_should_look_like.png

  • Replies 5
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Posted

Hi, please share a link to your website so we can check easier. 

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd
When I have time, I like to help on the Forum, but if you need my full attention, please send your request here.

Tools I use (affiliate links😞
📅Blog Date Format plugin (Free by BeyondSpace)
Lazy Load Summary Block plugin (by Squareswebsites
)
📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon
)
📈SEO plugin for Squarespace (by SEOSpace
)

 Did I help? I like coffee (Thank you)

Posted

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd
When I have time, I like to help on the Forum, but if you need my full attention, please send your request here.

Tools I use (affiliate links😞
📅Blog Date Format plugin (Free by BeyondSpace)
Lazy Load Summary Block plugin (by Squareswebsites
)
📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon
)
📈SEO plugin for Squarespace (by SEOSpace
)

 Did I help? I like coffee (Thank you)

Posted
1 hour ago, HeatherLeary said:

Hi there! I'm also having a similar problem. My font is displaying in Chrome but not Safari. Any advice - much appreciated. 🙏

Hi, please share your custom font code, and your website link so we can check easier

-------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification 

Melody | Squarespace Nerd
When I have time, I like to help on the Forum, but if you need my full attention, please send your request here.

Tools I use (affiliate links😞
📅Blog Date Format plugin (Free by BeyondSpace)
Lazy Load Summary Block plugin (by Squareswebsites
)
📜Privacy Policy & Cookie Consent plugin (10% off by Termageddon
)
📈SEO plugin for Squarespace (by SEOSpace
)

 Did I help? I like coffee (Thank you)

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.