happydayscay Posted February 8 Share Posted February 8 (edited) 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 February 9 by happydayscay Link to comment
melody495 Posted February 8 Share Posted February 8 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 Nerd 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. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
paperseasondesigns Posted February 10 Share Posted February 10 (edited) 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 Edited February 10 by paperseasondesigns Link to comment
melody495 Posted February 10 Share Posted February 10 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. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 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. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
paperseasondesigns Posted February 12 Share Posted February 12 On 2/10/2024 at 6:51 AM, melody495 said: Your font file failed to load for me. You need to check that your font file is correct. 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.🙂 Link to comment
melody495 Posted February 12 Share Posted February 12 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! paperseasondesigns 1 -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody | Squarespace Nerd 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. 🧰 See the tools I use (contain affiliate links) ☕ Did I help? I like coffee (Thank you) Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment