Smoother (And Better Looking) Fonts

Install Steps

Smoother (And Better Looking) Fonts

Submitted by Moov Labs Works with all template families

ezgif-3-ea5f4b8e6a71-2.png

Step One

From your Squarespace account, go to the Custom CSS Editor: Design > Advanced > Custom CSS

Step Two

Copy and paste the code below into the Custom CSS Editor box.

// Smoother Fonts //

h1 {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

h2 {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

h3 {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

p {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

Step Three

The h1, h2, and h3 values target the headers and the p value targets the body text. Adding these will improve font rendering for a more smooth and cleaner look throughout the website.

Save and refresh the page. 👍

Moov Labs