Adding a font using Custom CSS

Site URL: https://rhubarb-sunflower-nd3m.squarespace.com/config/pages

I'm wanting to add a new font to my new website, but I'm unsure how to do. I've reach as far as adding the font, which has given me some code. Please can someone help me from here?

This is the code I have been given when I added my font. 

https://static1.squarespace.com/static/61407672e9b16a15b003a642/t/6140b862069d154f20c5b7ee/1631631458435/Carentro.otf

Thanks,

Gayle

I have written a blog post about this... check it out here https://www.rebeccagracedesigns.com/blog/custom-font-on-your-squarespace-website 

1 hour ago, rebeccagracedesigns said:

I have written a blog post about this... check it out here https://www.rebeccagracedesigns.com/blog/custom-font-on-your-squarespace-website 

 

Thank you for this, it's worked 🙂 Thought I'd let you know the only thing it has done on top of the font is create a text scramble when I select a text block. I've screenshot as example for you to see what I mean.

1 hour ago, GTrott said:

Thank you for this, it's worked 🙂 Thought I'd let you know the only thing it has done on top of the font is create a text scramble when I select a text block. I've screenshot as example for you to see what I mean.

No problem! You probably need to adjust the line height for this font. 

14 hours ago, rebeccagracedesigns said:

No problem! You probably need to adjust the line height for this font. 

Yes I think you are right, do you know the code to do that? Here is an image of my font when it's on the mobile version.

On 9/15/2021 at 4:24 PM, GTrott said:

Yes I think you are right, do you know the code to do that? Here is an image of my font when it's on the mobile version.

You should able to adjust in Design > Site Styles