Jump to content

Custom Font Kerning

By tori400, in Fonts, colors and images

Go to solution Solved by Simon,

Recommended Posts

tori400 Level 2

tori400

Posted
Posted

I'm building my website and used a custom font for my buttons using the following code:

}
#siteWrapper.site-wrapper .sqs-block-button-element {
    font-family: "luminaire" !important;
}
#siteWrapper.site-wrapper .sqs-block-button-element {
    font-size: 1.8rem !important;
}

However, as you can see, the kerning is all wrong and makes the cursive disconnect. Does anyone know what code I can add to this snippet to adjust the kerning?

https://aqua-amethyst-t4gd.squarespace.com/

Password: password

  • Replies 2
  • Views 1.9k
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

  • Solution
Simon Level 6

Simon

Posted
  • Solution
Posted

Try this: 

#siteWrapper.site-wrapper .sqs-block-button-element {
    font-size: 1.8rem !important;
    letter-spacing: -1px;
}

 

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing
×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Upcoming Webinars →

Hire a Designer

Stand out online with the help of an experienced designer or developer.

Get Matched →

Support

Community

Developers

Resources