Custom Font Not Working in Customize with code Posted July 28, 2023 I am having the same issue! Our site was designed a couple of years ago and the custom fonts have been working perfectly until about 1 week ago (I noticed Squarespace did a design update - wondering if this screwed it up??) website: theimpactcollectivepdx.com code: // ADDING SOEHNE EXTRAFETT + LEICHT // @font-face { font-family: 'SOEHNE BREIT EXTRAFETT'; src: url('https://static1.squarespace.com/static/6009c96a13978160bf87bf21/t/601a2df30972f77fddc40b0a/1612328435724/soehne-breit-web-extrafett.woff'); } @font-face { font-family: 'SOEHNE BREIT LEICHT'; src: url('https://static1.squarespace.com/static/6009c96a13978160bf87bf21/t/601a2e29785c3434e1f106e0/1612328489904/soehne-breit-web-leicht.woff'); } // STYLING HEADERS // h1,h2,h3, h4 {font-family: 'SOEHNE BREIT EXTRAFETT';} p {font-family: 'SOEHNE BREIT LEICHT';} // STYLING NAV BUTTONS // a.preFade.fadeIn{ font-family: 'SOEHNE BREIT EXTRAFETT'; } .header-menu-nav-folder-content a{font-family: 'SOEHNE BREIT EXTRAFETT';} a.theme-btn--primary.btn{ font-family: 'SOEHNE BREIT EXTRAFETT';} .newsletter-form-button-label{ font-family: 'SOEHNE BREIT EXTRAFETT';} input.button.sqs-system-button.sqs-editable-button{ font-family: 'SOEHNE BREIT EXTRAFETT';} A.btn.btn--border.theme-btn--primary-inverse{ font-family: 'SOEHNE BREIT EXTRAFETT';} .newsletter-form-header-title.preFade.fadeIn{font-family: 'SOEHNE BREIT EXTRAFETT';} // Hide Site Title // .homepage #siteTitle {display: none;} /**/ .form-item.section.underline .title { font-size: calc((2.8 - 1) * 1.2vw + 1rem) !important; } ///SMOOTH SCROLL/// html { scroll-behavior: smooth; }
Custom Font Not Working
in Customize with code
Posted
I am having the same issue! Our site was designed a couple of years ago and the custom fonts have been working perfectly until about 1 week ago (I noticed Squarespace did a design update - wondering if this screwed it up??)
website: theimpactcollectivepdx.com
code:
// ADDING SOEHNE EXTRAFETT + LEICHT //
@font-face {
font-family: 'SOEHNE BREIT EXTRAFETT';
src: url('https://static1.squarespace.com/static/6009c96a13978160bf87bf21/t/601a2df30972f77fddc40b0a/1612328435724/soehne-breit-web-extrafett.woff'); }
@font-face {
font-family: 'SOEHNE BREIT LEICHT';
src: url('https://static1.squarespace.com/static/6009c96a13978160bf87bf21/t/601a2e29785c3434e1f106e0/1612328489904/soehne-breit-web-leicht.woff'); }
// STYLING HEADERS //
h1,h2,h3, h4 {font-family: 'SOEHNE BREIT EXTRAFETT';}
p {font-family: 'SOEHNE BREIT LEICHT';}
// STYLING NAV BUTTONS //
a.preFade.fadeIn{
font-family: 'SOEHNE BREIT EXTRAFETT';
}
.header-menu-nav-folder-content a{font-family: 'SOEHNE BREIT EXTRAFETT';}
a.theme-btn--primary.btn{ font-family: 'SOEHNE BREIT EXTRAFETT';}
.newsletter-form-button-label{ font-family: 'SOEHNE BREIT EXTRAFETT';}
input.button.sqs-system-button.sqs-editable-button{ font-family: 'SOEHNE BREIT EXTRAFETT';}
A.btn.btn--border.theme-btn--primary-inverse{ font-family: 'SOEHNE BREIT EXTRAFETT';}
.newsletter-form-header-title.preFade.fadeIn{font-family: 'SOEHNE BREIT EXTRAFETT';}
// Hide Site Title //
.homepage #siteTitle {display: none;}
/**/
.form-item.section.underline .title {
font-size: calc((2.8 - 1) * 1.2vw + 1rem) !important;
}
///SMOOTH SCROLL///
html {
scroll-behavior: smooth;
}