Jump to content

How to use different fonts on just one page of a website (7.0)

Recommended Posts

  • Replies 7
  • Views 1.4k
  • Created
  • Last Reply

Top Posters In This Topic

23 hours ago, Lex-Elin said:

I have made a page specifically to play about with different fonts, the URL is www.heartwoodsaunas.com/arden-copy-for-font-test -thanks!

You can add this to Website Tools (under Not Linked) > Custom CSS

/* test page */
body#collection-65377220d5bc4f4e0418b2b1 {
*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) {
    font-size: 20px !important;
    font-family: 'futura-pt' !important;
    h1, h2, h3, h4, h5, h6 {
        font-size: 30px !important;
        font-family: proxima-nova !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.