Problem with custom fonts

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.

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.

 

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

Thank you so much, I really appreciate your help 🙂

Many thanks
Claire.