David Wells

Full Stack Developer

Serverless Architectures
User Experience & Product

Serverless, User Experience & Product

Pixel Perfect Custom Fonts with CSS

Published on Edit this post

Sometimes when using custom fonts, they don't quite render correctly in the browser.

Adding these css properties will fix that in chrome and firefox. In the future hopefully font smooth will solve this for us

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}