Templates for Joomla! 5.x • Google Font in Cassiopeia not working...

What am I doing wrong? I want to use the Google Font 'Englebert', and have been able to install it so that it shows on my own browser, but its not showing on any remote browsers. Here's what I've done:
1. I've pasted the following css into my user.css folder:
@font-face {
font-family: 'Englebert';
src: url(../fonts/'Englebert-Regular.woff2') format('woff2'),
url(../fonts/'Englebert-Regular.woff') format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
2. I've installed the files Englebert-Regular.woff and Englebert-Regular.woff2 in templates/cassiopeia/fonts
3. I'm using JCE editor so have added Englebert to the default profile under font family select.

Result: It works just fine on my own local browser, but doesn't show up on other people's browsers.
My best guess is that it has something to do with the file path to the font.woff. But I just can't see it...
Can anyone point to what I'm doing wrong?
Thanks in advance

Statistics: Posted by keelbolt — Sun Jul 21, 2024 11:29 am

---