KrisBarr Posted September 28, 2021 Share Posted September 28, 2021 Site URL: https://parrot-fennel-gyas.squarespace.com/ When I open the custom CSS editor, Work Sans appears as the font but when the site is live it does not. I've tried adding !important to my lines of code as per a suggestion on one of the threads but it didnt work. here is my code : ``` @import url('https://fonts.googleapis.com/css?family=EB+Garamond&display=swap'); @import url('https://fonts.googleapis.com/css?family=Work+Sans:wght@400;500;600;700&display=swap'); h1, h4, h2 { font-family: "Work Sans", sans-serif !important; } .primary-button-style-outline .btn { border: none !important; border-style: none; font-family: "Work Sans", sans-serif !important; font-weight: 600; font-size: 1.02rem; } body:not(.button-style-default) .sqs-block-form .sqs-editable-button, a { font-family: 'Poppins', sans-serif !important; font-weight: 500; } h3 { font-family: 'Work Sans', sans-serif !important; font-weight: 500; } p { font-family: 'EB Garamond', serif !important; font-weight: 500; font-size: 1.2rem; } .sqs-block-form .field-list .title { font-family: 'Work-Sans', sans-serif !important; } span { font-family: 'Work-Sans', sans-serif !important; } ``` Link to comment
KrisBarr Posted September 29, 2021 Author Share Posted September 29, 2021 fixed it by uploading the font and using @fontface instead of @import. tuanphan 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