Web font kerning


Comments

Web font kerning depends on browser support.

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

This font doesn't: LESS AWESOME

WAVES & WAR.

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;
AWESOME
to no AVAIL


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.