EventDen Posted April 16, 2022 Share Posted April 16, 2022 Site URL: https://trombone-bat-w3jb.squarespace.com I've been using custom fonts on my website for a while and I changed h3 to be a different font to the other headers and its now broken all the custom font settings. This is the css I have @font-face { font-family: 'Glamy'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a5427d66e596f0a620626/1650086952229/GLAMY-Regular.otf'); } h1 {font-family: 'Glamy';} h2 {font-family: 'Glamy';} @font-face { font-family: 'Hypatia-Sans-semi-bold'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a4b71d69eca1634c17596/1650084722843/HypatiaSansPro-Semibold.otf'); } h3 {font-family: 'Hypatia-Sans-semi-bold';} @font-face { font-family: 'Blackstone'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/615c09aa17e47d7acf396dc3/1633421742839/BlackstoneRegular.otf'); } h4 {font-family: 'Blackstone';} @font-face { font-family: 'Hypatia-Sans'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/61624f04137d373f839ef49c/1633832710168/HypatiaSansPro-Light.otf'); } p {font-family: 'Hypatia-Sans';} p1 {font-family: 'Hypatia-Sans';} p2 {font-family: 'Hypatia-Sans';} p3 {font-family: 'Hypatia-Sans';} p { font-family: 'Hypatia-Sans'!important; font-size: 20 px; font-weight: 100; color: #000000; letter-spacing: 0pt; line-height: 1.5em; } Link to comment
Beyondspace Posted April 16, 2022 Share Posted April 16, 2022 48 minutes ago, EventDen said: Site URL: https://trombone-bat-w3jb.squarespace.com I've been using custom fonts on my website for a while and I changed h3 to be a different font to the other headers and its now broken all the custom font settings. This is the css I have @font-face { font-family: 'Glamy'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a5427d66e596f0a620626/1650086952229/GLAMY-Regular.otf'); } h1 {font-family: 'Glamy';} h2 {font-family: 'Glamy';} @font-face { font-family: 'Hypatia-Sans-semi-bold'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/625a4b71d69eca1634c17596/1650084722843/HypatiaSansPro-Semibold.otf'); } h3 {font-family: 'Hypatia-Sans-semi-bold';} @font-face { font-family: 'Blackstone'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/615c09aa17e47d7acf396dc3/1633421742839/BlackstoneRegular.otf'); } h4 {font-family: 'Blackstone';} @font-face { font-family: 'Hypatia-Sans'; src: url('https://static1.squarespace.com/static/6153c0a5d08edd6974c6827f/t/61624f04137d373f839ef49c/1633832710168/HypatiaSansPro-Light.otf'); } p {font-family: 'Hypatia-Sans';} p1 {font-family: 'Hypatia-Sans';} p2 {font-family: 'Hypatia-Sans';} p3 {font-family: 'Hypatia-Sans';} p { font-family: 'Hypatia-Sans'!important; font-size: 20 px; font-weight: 100; color: #000000; letter-spacing: 0pt; line-height: 1.5em; } Your site is private now. Kindly give it a protected password so I can take a look? By the way, have your try add !important to your css code in HTML, we only have the tag from h1 > h6 and p, I wonder why you add p1,p2,... on your code BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
EventDen Posted April 16, 2022 Author Share Posted April 16, 2022 26 minutes ago, bangank36 said: Your site is private now. Kindly give it a protected password so I can take a look? By the way, have your try add !important to your css code in HTML, we only have the tag from h1 > h6 and p, I wonder why you add p1,p2,... on your code Hi I've updated it to password protected. Password is 12345 Link to comment
Beyondspace Posted April 16, 2022 Share Posted April 16, 2022 (edited) 21 minutes ago, EventDen said: Hi I've updated it to password protected. Password is 12345 This is my testing and it seems fine, Where do you add this code? Edited April 16, 2022 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
EventDen Posted April 16, 2022 Author Share Posted April 16, 2022 I added the code to the Custom CSS 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