Jump to content

custom font in Squarespace css not displaying in firefox

Recommended Posts

 
 

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

Link to comment
  • Replies 5
  • Views 1.3k
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

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 Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

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

Melody | Squarespace Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
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 Website Developer
e: melody@melodylee.tech


💻 💁‍♀️ 1-2-1 Squarespace Training session <- feeling stuck and want to learn?
👩‍💻 💁‍♀️ Website help <- send me your to-do list. From code to plugin to domain setup.
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment

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.