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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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 Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Keyword HighlighterIf you find my answer fit your need, 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