eduvila Posted July 4, 2023 Share Posted July 4, 2023 Hi, I only want to change the font of my header title text. I've put this code but it doesn't work: @font-face { font-family: 'Windsor'; src: url('https://static1.squarespace.com/static/6461e882d28f3c73af141e8d/t/6461ffc0b409d5032eacc837/1684144065109/WindsorDUltHea.otf'); } header-title-text { font-family: 'Windsor'; } header-title-text { font-family: 'Windsor' !important; } What can I do? web: www.molsataller.com password: molsa2023 Link to comment
Ziggy Posted July 4, 2023 Share Posted July 4, 2023 Replace your CSS with this: @font-face { font-family: 'Windsor'; src: url('https://static1.squarespace.com/static/6461e882d28f3c73af141e8d/t/6461ffc0b409d5032eacc837/1684144065109/WindsorDUltHea.otf'); } .header-title-text { font-family: 'Windsor'; } Let me know if that works for you. tuanphan 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) Link to comment
eduvila Posted July 4, 2023 Author Share Posted July 4, 2023 It works! But only in desktop, not in mobile... Link to comment
eduvila Posted July 4, 2023 Author Share Posted July 4, 2023 And do you know why now text-logo is a litle bit down? Link to comment
Solution tuanphan Posted July 5, 2023 Solution Share Posted July 5, 2023 20 hours ago, eduvila said: And do you know why now text-logo is a litle bit down? Because your font, the custom font caused this. If you change to another font, the problem will be fixed itself. But you can add this to Design > Custom CSS to move it up a bit a#site-title { position: relative; top: -10px; font-family: 'Windsor'; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
eduvila Posted July 5, 2023 Author Share Posted July 5, 2023 Great! Thanks! Do you know why custom font doesn't work in mobile? Link to comment
Ziggy Posted July 5, 2023 Share Posted July 5, 2023 Try adding this to Custom CSS: .header-display-mobile .header-title-text { font-family: 'Windsor'; } eduvila and tuanphan 1 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com ☕ Did I help? Buy me a coffee? 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 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