1. High-quality kerning pairs & ligatures

    When used in HTML, the unofficial `text-rendering: optimizeLegibility` CSS property enables high-quality kerning and ligatures in certain browsers. Newer browsers have this behavior enabled by default.

  2. css property: shape-rendering: geometricprecision

  3. css property: text-rendering: geometricprecision