Jump to content

Using custom font that is NOT part of Typekit or Google Fonts

Recommended Posts


I'm building a portfolio site, using the Wexley template. I've bought a font online that I'd like to use consistently through my website. I was wondering if anyone knows the css code that would allow me to do this? I have extremely little experience with css code, so please be specific as possible.


Link to comment
  • Replies 5
  • Views 4.7k
  • Created
  • Last Reply

Is it a web font? Who have you bought it from?

I'm Colin Irwin aka silvabokis.  I've been a Squarespace designer & developer since 2013. 
I remember when it was all wild prairies round these here parts. 🐃🤠
Advice I give on here is free, though I may sometimes post an affiliate link or promote something I've written.
That reminds me.. ..you might want to check out my
Squarespace template finder or have a look at my other Squarespace tips
Speaking of tips, 💲I've got a tip jar that you're welcome to throw a few quid into if you think I've helped you. 
If you're looking for a Squarespace developer 
Book a chat or Drop me a line - first meeting is always free  


Link to comment
  • 11 months later...

Hey Everyone! we created a super in depth guide with pictures on how to do this plus a few bonus hacks.

Check it out here

Hi, my name is Forrest. I am a founding member of [Pareto Design][1]. Addicted to progress, designing better democracy with tech, & driving youth demand for electric vehicles http://goo.gl/hK1WGZ [1]: http://pareto-design.com

Link to comment
  • 1 year later...

Thank you so much, I understand...

So I have : @font-face { font-family:'AvenirNext'; src:url('https://static1.squarespace.com/static/5b1685217c932706c999ff46/t/5b6ada62575d1fcbf2489680/1533729379318/AvenirNextLTPro-Regular.otf') format('opentype'); }

h1, h2, h3, p, a { font-family:'AvenirNext'; }

Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.