Better font smoothing in cross browser

better-font-smoothing.css

html {
    /* Adjust font size */
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    /* Font varient */
    font-variant-ligatures: none;
    -webkit-font-variant-ligatures: none;
    /* Smoothing */
    text-rendering: optimizeLegibility;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    text-shadow: rgba(0, 0, 0, .01) 0 0 1px;
  }

nice one man, the shadow to the text is something new :).

thanks

Why explisitly set font ligatures to none?

What is the font-smoothing property? Did you mean font-smooth (https://developer.mozilla.org/en-US/docs/Web/CSS/font-smooth)?

@maxmilton font-smoothing is supported by webkit and moz.

Nice.

Or, just go with the platform's sub-pixel anti-aliasing, which is objectively sharper and easier to read.

nice, thanks :)

It's looking good. thank you :)

thanks for the text-shadow thing!

@dinofx if you have a custom font without many variations using regular anti-aliasing instead of sub-pixel makes the font look thinner, it's a trick I use often when the font I'm using doesn't have a thin variation and in the design looks the font looks thinner :)

also sub pixel is default now in modern browsers

would this still be considered the best cross browser font smoothing?