Custom fonts not displaying on desktop or mobile

I’ve read through a number of threads on this issue and none of the solutions seem to be working from me. I have a custom font loaded using @font-face and I am not seeing it display properly on desktop or mobile. It does display on my own desktop but I assume it’s because I have the font loaded locally.

This is the code I am using:

@font-face {
font-family: ‘The Stylish Babes’;
src: url(‘TheStylishBabes.woff2’) format(‘woff2’),
url(‘TheStylishBabes.woff’) format(‘woff’),
url(‘TheStylishBabes.ttf’) format(‘truetype’),;
font-weight: normal;
font-style: normal;
}

The font files are uploaded to my child theme folder.

Any thoughts on what might be causing this to happen? I’m sure it’s something simple or obvious, I just can’t figure it out!

The page I need help with: [log in to see the link]