Add a font not in the font library

Hello - I want to us Avenir font and it's not available in the font library, how do I add it? I'm currently on the 14 day trial period while I build my site.  Any info is appreciated. Thank you. 

If you have access to the domain downloaded on your computer, you can manually upload it and assign it to parts of your website, paragraphs, headings, buttons, etc.

This should help you understand the process:
https://squarefortytwo.com/squarespace-guides/custom-fonts-on-squarespace-71

Hi Ziggy - thank you so much for replying. I could add it into the CSS panel but it then didn't load into my font library. What do you think I'm missing? 

Firstly, loading it into your Custom CSS will not allow it to load in your font library, there's no way of accessing that. Sorry about that, but I wish we could do it that way!

Secondly, if you do want to load it you'll need to follow the guide I shared previously.

Let me know how I can help further.

Yeah, thanks, I did follow the steps in the guide, but the right image on the page you sent doesn't make sense to me, no worries, I'll figure it out. 

// My first font reference

@font-face {
font-family: ‘font name here’;
src: url(‘font-url-here’);
}

Yes, that makes more sense. Thank you.