Jump to content

Custom Font CSS broken when live

Recommended Posts

My custom font is randomly broken when viewing the site live. When I am viewing/editing the site, the font is visible. I have not had any issues since I've used the code and it is now randomly broken only when live. Any help would be appreciated.

www.happydayscayman.com
password: Happy

 

/* Custom Fonts */
@font-face {
    font-family: 'Newake-Font-Regular.otf';
       src: url('https://static1.squarespace.com/static/64a307b73706430f56c8a842/t/6556ae17021bc262eb09137e/1700179479885/Newake-Font-Regular.otf');
  } 

h1 {
 letter-spacing: 5px;
 font-family: 'Newake-Font-Regular.otf' !important;
}

h4 {
 letter-spacing: 10px;
 font-family: 'Newake-Font-Regular.otf' !important;
}

H4 {
 font-family: 'Newake-Font-Regular.otf' !important;
}

Edited by happydayscay
Link to comment

Hi, if you share your website it would be much easier to see what's going on.

I don't see anything immediate wrong with your code (except the last block should be "h4" not "H4"), however there could be errors in your Custom CSS code that can be affecting this.

In the mean time, you can try re-adding the link to your src: url. If the file is not loaded correctly then your custom font won't work.

 

-------- > 👆 <---------- 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
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
6 hours ago, paperseasondesigns said:

Having the same issue. Just checked the website on my phone and the custom font (h4) is not showing (it was when I published the site a few hours ago and for the whole editing process before going live)

https://www.patyloureiro.com

Your font file failed to load for me. You need to check that your font file is correct. 

image.png.27211e9b826d6c70201ce7dc1de85716.png

-------- > 👆 <---------- 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
 Did I help? I like coffee (Thank you)
🧰 See the tools I use (contain affiliate links)


 

Link to comment
4 hours ago, paperseasondesigns said:

I didn't realize I had uploaded the *.ttf and not the *.woff. Never used a custom font before.

Thank you! I really appreciate you taking the time to help.🙂

You're welcome! Glad it's working for you. 🙂

If you encounter more issues, I have an article that walk through the 5 common issues with custom fonts. Hope it helps!

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