Smoother (And Better Looking) Fonts

Look Demo

We’re not kidding when we say this makes fonts look better. This plugin uses css editor and works with all template families.

No look demo available.

How To Install

From your Squarespace account, go to the Custom CSS Editor. 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;
}

Customize

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.

Notes

No notes.

Moov Labs