How do I render thin fonts more smoothly in CSS3 with HTML?

Answer 1

Hi there. You could try these property/values:

body {

font-smooth: always;

-webkit-font-smoothing: antialiased;

-moz-osx-font-smoothing: grayscale;

text-rendering: optimizeLegibility;

}

Note about font-smooth from the Mozilla page: "This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future."