Smoother (And Better Looking) Fonts

• Look Demo
• How To Install
• Customize
• License

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.

From your Squarespace account, go to the Custom CSS Editor. Copy and paste the code below into the Custom CSS Editor box.

Copy Code

// 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;
}

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.

This plugin comes with an Unlimited Use License. View License Terms