CSS FONT HELP: Lowercase and remove Glyphs

Site URL: https://mayflower-caribou-mapw.squarespace.com/config/design/custom-css

Hello,

I have uploaded this custom CSS:

@font-face {

    font-family: 'Chequers-Regular';

       src: url(https://static1.squarespace.com/static/5fea1ddcaa27802af95a5bdd/t/5fef85a889898a72c7476fbe/1609532840745/Chequers-Regular.ttf);

  }

h1 {font-family: 'Chequers-Regular';}
h3 {font-family: 'Chequers-Regular';}

@font-face {

    font-family: 'BLunaPienaDemo';

       src: url(https://static1.squarespace.com/static/5fea1ddcaa27802af95a5bdd/t/5fef81cda6a0ae63d6c87cde/1609531853152/BLunaPienaDemo.ttf);

  }

h2 {font-family: 'BLunaPienaDemo';}
h4 {font-family: 'BLunaPienaDemo';}

But it is not allowing me to use the LOWERCASE Text and it is using the glyphs within the font which I do not want to use. How do I make these changes?

See the image for an example.

Thanks and Happy New Year x

Your site is private. Can you setup password & share url again?

Hello,

There is no need to share the URL and the site is not live yet. 

I would just like to know how to do this please, thank you so much! 🙂

I'm looking to do the same thing - override the glyphs in a custom font. Did you ever find a solution?