Scandi Posted November 16 Share Posted November 16 I'm having an issue uploading custom fonts for headings and buttons. Paragraph text works fine. For headings, I can use the Squarespace options but it will not respond to the uploaded fonts, even with !important. For buttons, they will not change from Poppins. I've tried several from Squarespace and uploaded a couple custom fonts but it remains Poppins. I've tried clearing cache and viewing from other browsers too but no luck. Help? Thank you! Password: website Link to comment
Ziggy Posted November 16 Share Posted November 16 Can you share your website URL and all of the CSS code you are using to add the custom font? Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) ✨ Spark Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Scandi Posted December 1 Author Share Posted December 1 I tried with and without !important for the headings: @font-face { font-family: Proxima Soft Semibold; src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff); h1, h2, h3 { font-family: 'Proxima Soft Semibold'; } @font-face { font-family: 'Apercu Pro Regular'; src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/654abafc1c857e0377793511/1699396348945/ApercuPro.ttf); } h4 { font-family: 'Apercu Pro Regular' !important; } } And then I found a couple different options to target the buttons but none of them worked so I deleted it. It looks like she (the client) is testing out different Squarespace fonts which is overriding the paragraph font now too. It was working previously. @font-face { font-family: Apercu Pro Light; src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536ec9c99098c555675431f/1698098332300/Apercu-Pro-Light.ttf); } p { font-family: 'Apercu Pro Light'; } Link to comment
melody495 Posted December 1 Share Posted December 1 Hi @Scandi we can check easier if you share a link to your website. Can you try changing this code 46 minutes ago, Scandi said: @font-face { font-family: Proxima Soft Semibold; src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff); to this new code. I've added quotes around your declared name, and added closing curly bracket. @font-face { font-family: 'Proxima Soft Semibold'; src: url(https://static1.squarespace.com/static/651dfa29680f6f6fc62f861f/t/6536e9616ef29718568a4e88/1698097505621/ProximaSoft-Semibold.woff); } Let me know how it goes. -------- > 👆 <---------- Please quote or @ me when replying, or I won't get a notification Melody 💁♀️ SquareSpace Developer You dream it, I'll make it happen. Contact me: 💻 https://www.melodylee.tech ✉️ my email 📍 UK based. The great thing about the internet, we can work together from anywhere. #neverstoplearning ☕ I like coffee 😊 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