Select parts of font family not working correctly

Hi, Does anyone have any idea why my newly inserted font is only showing me a limited selection of my font characters (repertoire), most work and then the one I want does not.  Could it be the file type that I've used? I've tried the otf and the woff.

Attached is what i'm after (the ct to be joined) which works in photoshop but not through square space. Any advice or help would be greatly appreciated.

The coding is as follows: 

https://ukulele-gold-meyy.squarespace.com/config/design/custom-css

@font-face {
font-family: 'Baskerville';
src: url(https://static1.squarespace.com/static/646707301c7a1d3d12f7c708/t/6481832e2b9c280752a1fffc/1686209329390/AnyConv.com__baskerville.woff);
}

h1 {
font-family: 'Baskerville';
}

h2 {
font-family: 'Baskerville';
}

h3 {
font-family: 'Baskerville';
}

h4 {
font-family: 'Baskerville';
}

h5 {font-family: 'Baskerville' !important;
  font-size: 30px;
  font-weight: 300;
  color: #000000; 
  letter-spacing: 0;
  line-height: 1em;
}
.sqsrte-large {
font-family: 'Baskerville';
}

p {
font-family: 'Baskerville';
}

.sqsrte-small {
font-family: 'Baskerville';
}

You may have to enable ligatures in the CSS, try adding this after font family for each of the headings:

font-variant-ligatures: common-ligatures;

Or try one of the variations laid out here:
https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-ligatures

Thank you Ziggy, I'll give that a go.