GAGAS Posted February 9 Share Posted February 9 Im pretty sure I have SP 7.0 I put in this code for custom font about 5 years ago and I need to change the font to 'pragmatica' - I just replaced where the old font name was with the new name but its not changing I'm not sure if I need to put in a whole new code? will past code below //new font// @font-face { font-family: OLDSTANDARD; src: url(https://static1.squarespace.com/static/5d6d1827cbc1df0001d27327/t/645dc089df5d601f1572f372/1683865739010/OldStandard-Bold.ttf); } //ASSIGN FONT HEADINGS// h1 {font-family:PRAGMATICA;} h2 {font-family:pragmatica;} h3 {font-family:pragmatica;} .Header-nav--primary {font-family:PRAGMATICA; font-weight:heavy; } .Body-text-- {font-family:OLDSTANDARD; } .sqs-gallery-block-grid .slide .margin-wrapper .image-slide-title { font-size: 22px; font-weight: bold; font-family: OLDSTANDARD; color: black; letter-spacing: 2px; left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 10px; position: absolute; text-align: center; top: 50%; transform: translateY(-50%); } /*Center Text*/ .slide .margin-wrapper:hover .image-slide-title { display: inline-block; } .sqs-gallery-block-grid.sqs-gallery-block-meta-only-title .margin-wrapper .image-slide-title { white-space: normal !important; max-width: 70% !important; padding: 0 !important; } .Header.Header--top { position: fixed; top: 0px; z-index:1000; width:100%; box-shadow: 0px 2px 3px rgba(0,0,0,0.1) } .center { display: block; margin-left: auto; margin-right: auto; width: 90px; } nav.header-menu-nav-list a { font-family: 'PRAGMATICA' !important; } Link to comment
Ziggy Posted February 9 Share Posted February 9 15 minutes ago, GAGAS said: I'm not sure if I need to put in a whole new code It doesn't look like you have uploaded and replaced the old font file with the new one. 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) ☕ Did I help? Buy me a coffee? Link to comment
GAGAS Posted February 9 Author Share Posted February 9 ok how do I do that? are you able to tell me the code to put in or where to change it? sorry I am so bad at this Ziggy 1 Link to comment
Ziggy Posted February 9 Share Posted February 9 No worries! You need to update this part of the code to change the src URL and the font name. @font-face { font-family: OLDSTANDARD; src: url(https://static1.squarespace.com/static/5d6d1827cbc1df0001d27327/t/645dc089df5d601f1572f372/1683865739010/OldStandard-Bold.ttf); } You'll need to upload the new font file to "Manage Custom Files" in the Custom CSS dashboard. and then add the link in the line "src:url()" You can have a look at this guide: https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71 Make sure the font-family name is updated and then use it exactly as you have it here in the places where you are applying the font. 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) ☕ Did I help? Buy me a 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