mbockmaster Posted July 27, 2023 Posted July 27, 2023 Hello! I have custom fonts on this site and everything has been working as expected. Today I logged on to continue building the site and the fonts are not loading. I've tried deleting the files and relinking them in my custom CSS, and I have no errors in the code. Any ideas why this could be happening? https://fife-sunflower-68mk.squarespace.com/ pw: elipsis
tuanphan Posted July 28, 2023 Posted July 28, 2023 Try adding !important to your code (DO NOT add !important to @font-face code) something like this h1 { font-family: 'RAMILLAS',sans-serif !important; } 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!)
Alex1997 Posted July 28, 2023 Posted July 28, 2023 This is also happening to me today... I wonder if SS is having a glitch. The font has been working fine for months. @tuanphan Could you check mine as well please? URL:https://www.meetusinmichigan.com/ Password: bayharbor Code: @font-face { font-family: 'printedmoments'; src: url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2); } h1 {font-family: 'FontTitle';} h1 {font-family: 'printedmoments';} h2 {font-family: 'montserrat';} h3 {font-family: 'printedmoments';} p1 {font-family: 'printedmoments';} p2 {font-family: 'montserrat';} p3 {font-family: 'montserrat';}
CassAggett Posted July 28, 2023 Posted July 28, 2023 1 hour ago, Alex1997 said: This is also happening to me today... I wonder if SS is having a glitch. The font has been working fine for months. @tuanphan Could you check mine as well please? URL:https://www.meetusinmichigan.com/ Password: bayharbor Code: @font-face { font-family: 'printedmoments'; src: url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2); } h1 {font-family: 'FontTitle';} h1 {font-family: 'printedmoments';} h2 {font-family: 'montserrat';} h3 {font-family: 'printedmoments';} p1 {font-family: 'printedmoments';} p2 {font-family: 'montserrat';} p3 {font-family: 'montserrat';} Seems to be working on my end, but you can change the bottom part of your code to this (you might have a double up of h1 that you can delete): h1 {font-family: 'printedmoments' !important;} h2 {font-family: 'montserrat' !important;} h3 {font-family: 'printedmoments' !important;} .sqsrte-large {font-family: 'printedmoments' !important;} p {font-family: 'montserrat' !important;} .sqsrte-small {font-family: 'montserrat' !important;} Paragraph fonts are named differently to header fonts, see if this works tuanphan 1 Instruction: How to set a site-wide password 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
tuanphan Posted July 29, 2023 Posted July 29, 2023 You can also use the shorten code @font-face { font-family: 'printedmoments'; src:url(https://static1.squarespace.com/static/64480d4c32ddff0acfbdcae8/t/64c33b03a8ef963d34b063fa/1690516227834/printedmoments.woff2); } h1, h3, p.sqsrte-large {font-family: 'printedmoments' !important;} h2, p.sqsrte-small, p:not(.sqsrte-large):not(.sqsrte-small) {font-family: 'montserrat' !important;} CassAggett 1 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment