Jump to content

Problem with custom fonts

Recommended Posts

Hello. 

I have uploaded a custom font which is working well for most of it. The issue is the '&' is not pulling through the same font. What am I missing? 

@font-face {
font-family: 'stag';
src: url('https://static1.squarespace.com/static/6358566b37dd3e5b9ca69358/t/63586f70bc4fe474023163bc/1666740080204/Stag+Bold.ttf');
}
h1 {font-family: 'stag';}
h2 {font-family: 'stag';}
h3 {font-family: 'stag';}
h4 {font-family: 'stag';}
a {font-family: 'stag';}

Many thanks
Claire.

 

Screen Shot 2022-10-26 at 7.45.37 PM.png

Link to comment
6 hours ago, Claire_auck said:

Hello. 

I have uploaded a custom font which is working well for most of it. The issue is the '&' is not pulling through the same font. What am I missing? 

@font-face {
font-family: 'stag';
src: url('https://static1.squarespace.com/static/6358566b37dd3e5b9ca69358/t/63586f70bc4fe474023163bc/1666740080204/Stag+Bold.ttf');
}
h1 {font-family: 'stag';}
h2 {font-family: 'stag';}
h3 {font-family: 'stag';}
h4 {font-family: 'stag';}
a {font-family: 'stag';}

Many thanks
Claire.

 

Screen Shot 2022-10-26 at 7.45.37 PM.png

You can try

h1 {font-family: 'stag' !important;}
h2 {font-family: 'stag' !important;}
h3 {font-family: 'stag' !important;}
h4 {font-family: 'stag' !important;}
a {font-family: 'stag' !important;}

Adding important to the general tag will change global style, so kindly consider using it.

Support me by pressing 👍 if this useful for you

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 Highlighter
If 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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.