Web font kerning


Web font kerning depends on browser support.

This font has kerning: AWESOME.
(browser support varies)

This font doesn't: AWESOME


Firefox makes use of kerning information by default, webkit browsers offer the property text-rendering: optimizeLegibility;, and Internet Explorer 10 exposes -ms-font-feature-settings: "kern" 1;.

The text-rendering property is an SVG property not defined in any CSS standard, see MDN text-rendering.

The following CSS properties cover the main browsers at the time of writing:

    text-rendering: optimizeLegibility;
    -ms-font-feature-settings: "kern" 1;
    -webkit-font-kerning: normal;

The future is CSS3 font-kerning

A new CSS property for the control of font kerning is included as part of a W3C Canditdate Recommendation as of 3 October 2013, which should contribute to more standard kerning control in all browsers some time in the near future.

This property can be made use of with a CSS vendor prefix, -webkit-font-kerning, with the values auto | normal | none.