Your Search Results



    The font-kerning CSS property controls the usage of the kerning information; that is, it controls how letters are spaced. The kerning information is stored in the font, and if the font is well-kerned, this feature allows spacing between characters to be very similar, whatever the characters are.

    Example of font-kerning


    Formal syntax: auto | normal | none
    font-kerning: auto
    font-kerning: normal
    font-kerning: none
    font-kerning: initial
    font-kerning: inherit
    font-kerning: unset


    This keyword defers to the browser regarding whether to use kerning. When the font size is big, font kerning may look strange and browsers will disable it. This is the default value.
    This keyword requires kerning to be applied.
    This keyword prevents the browser from using the kerning information stored in the font.


    p {
      font-kerning: none;


    Specification Status Comment
    CSS Fonts Module Level 3
    The definition of 'font-kerning' in that specification.
    Candidate Recommendation Initial definition

    Browser Compatibility

    Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari (WebKit)
    Basic support 34 (34) [1] 32  [2] 10 [3] ? 7
    Feature Android Firefox Mobile (Gecko) IE Phone Opera Mobile Safari Mobile
    Basic support ? 34.0 (34)[1] ? ? 7

    [1] Experimental implementation was available since Gecko 24. It was governed by the preference layout.css.font-features.enabled defaulting to true on Nightly and Aurora only.
    [2] Requires prefix -webkit-font-kerning. First version supporting this property is not known.
    [3] OpenType layout features might be supported using font-feature-settings property, however individual font-kerning property is not supported.

    See also

    Document Tags and Contributors

    Contributors to this page: alicebeckett, z0r, chrisAnderson, pkuczynski, teoli
    Last updated by: pkuczynski,