Jump to content

Change font in one text block on one page of website

Recommended Posts

Hi

I've been trying to change the font in this one text block on one page of my website (not linked yet).  Firstly, I'm not sure which block ID to use as there appears to be two over the top of the text block?  Secondly, I'm not sure what custom css code to use to change just this text's font?  Any help appreciated for this newbie!  Thanks.

image.thumb.png.3fb1f9329d40b2474424450a57d33baf.png

Link to comment
  • Replies 5
  • Views 299
  • Created
  • Last Reply

Top Posters In This Topic

1 hour ago, annienic12 said:

Hi

I've been trying to change the font in this one text block on one page of my website (not linked yet).  Firstly, I'm not sure which block ID to use as there appears to be two over the top of the text block?  Secondly, I'm not sure what custom css code to use to change just this text's font?  Any help appreciated for this newbie!  Thanks.

image.thumb.png.3fb1f9329d40b2474424450a57d33baf.png

Can you share your URL so we can check it easier?

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
On 4/29/2024 at 2:09 PM, annienic12 said:

You can use a code like this to Website > Website Tools > Custom CSS

div#block-yui_3_17_2_1_1714119484170_7159 h2 {
    font-family: 'circular' !important;
}

 

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
On 5/6/2024 at 1:27 PM, annienic12 said:

Thanks @tuanphan.  If I wanted to use architects daughter as the font, do I change 'circular' to 'architectsdaughter'?

 

Yes, but if it is custom font, you need to declare font first, something like this'

@font-face {
	font-family: architectsdaughter;
	src: url(paste architectsdaughter font file url here);
}
div#block-yui_3_17_2_1_1714119484170_7159 h2 {
    font-family: 'architectsdaughter' !important;
}

 

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.