Hi there,
I know there are many threads with people asking the same thing - how on earth do we add custom fonts?
I have read every single answer and solution and not a single one has worked.
At this stage, all I am trying to do is change the font on the default 'Contso' dummy page. I have spent hours trying to do this with no luck.
I have a custom CSS file testcss.css that is working, and I can edit things like background color no issue.
I have uploaded my 'averta bold' woff file as an attachment on a webfile as a child of the home page:


And am linking it in my custom css file:

I have tried every single url I can think of, because it seems to be an issue with how its linked, not the CSS file itself as other styles are being displayed, for instance I have tested:
h1{
background-color: purple;
}
and this works fine.
I have tried '../averta-std-bold.woff/font.woff'
'/averta-std-bold.woff/font.woff'
'/web-files/averta-std-bold.woff/font.woff'
and nothing works.
When inspecting the code in Chrome, it says it is the right font, but it clearly isn't - again I imagine this is because the browser is trying to display the font, but isn't actually downloading the font.woff file.
PLEASE can someone help before I go completely insane and throw my computer into the ocean.