Jump to content

Applying Custom Font to only one word

Recommended Posts

Hello!

Trying to change the word "Services" to a custom font. Here's the code I'm using:

/*** INSERT CUSTOM FONT ***/

@font-face{font-family:'Blue+Pen',cursive;
       src: url(https://static1.squarespace.com/static/61841dd58036000ab438e97e/t/61b3bd3ff9cbc85b80e3a22b/1639169344098/Blue+Pen.ttf);
}

/*** APPLY CUSTOM FONT TO WORD SERVICES ***/

#block-f72804b2a4f5b056bc3b
{font-family:'Blue Pen,'CURSIVE;
  src: url(https://static1.squarespace.com/static/61841dd58036000ab438e97e/t/61b3bd3ff9cbc85b80e3a22b/1639169344098/Blue+Pen.ttf);
font-size:4.7em;
letter-spacing: 0.05em
}

Was working, but I did something, and now it's not - no idea what happened. Don't want to change every H1, just this one.

Gratitude in advance...

1252331375_SQSPFORUM1.JPG.f1ac0a060a6dd434755bbe7f51683d6d.JPG

 

Edited by Poppyseeds
duplicate images
Link to comment
  • Replies 2
  • Views 309
  • Created
  • Last Reply

Top Posters In This Topic

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.