Jump to content

Adding a font using Custom CSS

Recommended Posts

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

Link to comment

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

 

Coding Wiz at rebeccagracedesigns.com

📖 Code Encyclopedia for Squarespace: rebeccagracedesigns.com/encyclopedia-of-code

🔥 Free CSS Tutorials: rebeccagracedesigns.com/blog

️ Free Guide to the 41 Most Popular CSS Properties: rebeccagracedesigns.com/popular-css-properties

 

Link to comment
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.

Screenshot 2021-09-14 at 18.10.17.png

Link to comment
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.

Screenshot 2021-09-14 at 18.10.17.png

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

Edited by rebeccagracedesigns

Coding Wiz at rebeccagracedesigns.com

📖 Code Encyclopedia for Squarespace: rebeccagracedesigns.com/encyclopedia-of-code

🔥 Free CSS Tutorials: rebeccagracedesigns.com/blog

️ Free Guide to the 41 Most Popular CSS Properties: rebeccagracedesigns.com/popular-css-properties

 

Link to comment
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.

Screenshot 2021-09-15 at 10.23.29.png

You should able to adjust in Design > Site Styles

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.