Skip to content

Instantly share code, notes, and snippets.

@maliMirkec
Last active December 17, 2017 08:16
Show Gist options
  • Save maliMirkec/1fdca55e2bfee063325e30150641e569 to your computer and use it in GitHub Desktop.
Save maliMirkec/1fdca55e2bfee063325e30150641e569 to your computer and use it in GitHub Desktop.
We can utilize the text-rendering CSS property to allow us to choose quality over speed, as well as some vendor specific properties to make our font sharper. Note: These should work for Chrome, Safari, and Firefox on Mac.
// Source: https://www.leejamesrobinson.com/blog/how-stripe-designs-beautiful-websites/
body {
font-family: Camphor, Open Sans, Segoe UI, sans-serif;
text-rendering: optimizeLegibility;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment