madisonb Posted August 4, 2023 Share Posted August 4, 2023 Hello! For reference, the site is https://frequencywellspace.squarespace.com/ and the password is "luna" I am assuming my CSS is incorrect, so I have it below. But the uploaded H1, H2, and H3 fonts are not showing up on mobile. Any help would be much appreciated!! // Header - custom serif font // @font-face { font-family: "Atelier Femme Serif", sans-serif !important; font-style: normal !important; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c824939582f1135941a043/1690838163239/Atelier+Femme+Serif.woff2) !important; } h1, h2 { font-family: "Atelier Femme Serif", sans-serif !important; font-style: normal !important; } // Header - custom italic font // @font-face { font-family: "Atelier Femme Italic" !important; font-style: normal !important; src: url(https://static1.squarespace.com/static/6312fd25634c4614389641d9/t/63787640c5dd447dcf1dc61f/1668838976310/Atelier+Femme+Italic.ttf) !important; } h1 em, h2 em { font-family: "Atelier Femme Italic" !important; } h1, h2 {font-family: "Atelier Femme Serif"!important;} // Header - script // @font-face { font-family: 'Atelier Femme Script' !important; font-style: normal !important; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c7e67989b7c525a10454a5/1690822265492/Atelier+Femme+Script.ttf) !important; } h3 { font-family: 'Atelier Femme Script' !important; } Link to comment
Ziggy Posted August 4, 2023 Share Posted August 4, 2023 I can't see anything wrong in your code, there is some repetition but that shouldn't be causing a major problem. It seems to be rendering correctly for me, given the changes Squarespace has made in the last couple of weeks, you may need to clear your browser cache. madisonb 1 Please like and upvote if my comments were helpful to you. Cheers! Zygmunt Spray Squarespace Website Designer Contact me: https://squarefortytwo.com Hire me on Upwork! 🔌 Ghost Squarespace Plugins (Referral link) 📈 SEO Space (Referral link) ⬛ SquareWebsites Plugins (Referral link) 🔲 SQSP Themes (Referral link) ✨ Spark Plugin (Referral link) 🖼️ Gallery Lightbox Plugin (Referral link) ☕ Did I help? Buy me a coffee? Link to comment
Solution CassAggett Posted August 4, 2023 Solution Share Posted August 4, 2023 (edited) Hi Madison, try this version - I've removed the important tags and font-style from the @font-face codes and removed the duplicate h1, h2 entry: // Header - custom serif font // @font-face { font-family: "Atelier Femme Serif"; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c824939582f1135941a043/1690838163239/Atelier+Femme+Serif.woff2); } h1, h2 { font-family: "Atelier Femme Serif", sans-serif !important; font-style: normal !important; } // Header - custom italic font // @font-face { font-family: "Atelier Femme Italic"; src: url(https://static1.squarespace.com/static/6312fd25634c4614389641d9/t/63787640c5dd447dcf1dc61f/1668838976310/Atelier+Femme+Italic.ttf); } h1 em, h2 em { font-family: "Atelier Femme Italic" !important; } // Header - script // @font-face { font-family: 'Atelier Femme Script'; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c7e67989b7c525a10454a5/1690822265492/Atelier+Femme+Script.ttf); } h3 { font-family: 'Atelier Femme Script' !important; } Edited August 4, 2023 by CassAggett Ziggy and madisonb 1 1 If this helped you, please like or mark my solution as answer so others can scroll to it quickly 👆 Cass Aggett is a Squarespace website designer for go-getting women – no matter what stage of business. WEBSITE • INSTAGRAM Link to comment
madisonb Posted August 4, 2023 Author Share Posted August 4, 2023 12 hours ago, CassAggett said: Hi Madison, try this version - I've removed the important tags and font-style from the @font-face codes and removed the duplicate h1, h2 entry: // Header - custom serif font // @font-face { font-family: "Atelier Femme Serif"; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c824939582f1135941a043/1690838163239/Atelier+Femme+Serif.woff2); } h1, h2 { font-family: "Atelier Femme Serif", sans-serif !important; font-style: normal !important; } // Header - custom italic font // @font-face { font-family: "Atelier Femme Italic"; src: url(https://static1.squarespace.com/static/6312fd25634c4614389641d9/t/63787640c5dd447dcf1dc61f/1668838976310/Atelier+Femme+Italic.ttf); } h1 em, h2 em { font-family: "Atelier Femme Italic" !important; } // Header - script // @font-face { font-family: 'Atelier Femme Script'; src: url(https://static1.squarespace.com/static/6423c99a6ea48e7b8551c597/t/64c7e67989b7c525a10454a5/1690822265492/Atelier+Femme+Script.ttf); } h3 { font-family: 'Atelier Femme Script' !important; } Thank you so much!! It worked - you are a lifesaver!! CassAggett 1 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