Jump to content

Adding specific font to one line of text without affecting the rest of the site?

Recommended Posts

I'm trying to change just one line of text to its own font. I was able to do this with a markdown block and using the code below but the issue I'm facing is it seems like I'm only to change it to a smaller selection of fonts than there is available on Squarespace. We need to try out "Suave Script Pro" and generally try out a bunch of different fonts. Thanks so much!

<span style= "font-family: cursive; font-size:.5em; color: black; display: flex; justify-content: center">(example text here)</span>
 

Link to comment
17 hours ago, emlewis said:

<span style= "font-family: cursive; font-size:.5em; color: black; display: flex; justify-content: center">(example text here)</span>

Did this code not work when you replaced the font family? Is the font you are trying to use available or uploaded?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

Thanks for the reply! The code works great and I'm able to change to some common fonts (arial, times, geneva, etc.) but it seems very limited what fonts I'm able to use. My client wants to try out Suave Script Pro and some others which are available on Squarespace. Any ideas? Do I need to upload any fonts I want to use in this small section even if they're available on Squarespace? 

Link to comment

If they are available on Squarespace you should be able to simply reference them. It may be worth adding them to a specific heading and inspecting the code to make sure you are using the correct font family name.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment

You should be able to upload and reference with @font-face and then use them.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.