I had this exact issue having followed another (much older) forum post which went something like this. Here’s my solution for anyone who drops on this page
@font-face {
font-family: "MyFont";
src: URL("https://sample.com/myfont.otf");
}
I didn’t have the same font in older font file types, I also discovered it generally wasn’t required for modern browsers, but what you did need to do for Safari was to specify what type of font file it is. I don’t think font-weight etc are needed. The format parameter is key.
So it goes something like this:
@font-face {
font-family: "MyFont";
src: url("https://sample.com/myfont.otf")
format("opentype");
font-weight: 400;
font-style: normal;
font-display: swap;
}
Anyway, here’s a link to my CSS file ready for you to edit and upload
Josh @ Support Dept
Helping no-code founders get unstuck fast
save hours, & ship faster with an expert
on-demand