CSS: How could I deactivate kerning for my font?

Question

How could I deactivate kerning for my font?

Answer 1

I don't know if this is exactly possible, but you could try to look at the letter-spacing property.

Answer 2

Use letter-spacing property

<style>
.kern
{
    letter-spacing: 10px;
}
.nokern
{
    letter-spacing: 0px;
}
</style>
<div id="div1" class="kern">
    test test test test
</div>
<div id="div2" class="nokern">
    test test test test
</div>

Answer 3

CSS controls kerning with the letter-spacing attribute. Try setting it to 0 to return the font to it's normal kerning.

p { letter-spacing: 0; }

Answer 4

See the kerning concept at http://en.wikipedia.org/wiki/Kerning

It is not controlled by letter-spacing, and there are no font-kerning for CSS1 or CSS2. CSS3 has not been approved as a specification, but there are a property proposed for font-kerning, see draft,

http://dev.w3.org/csswg/css3-fonts/#propdef-font-kerning

Only specific fonts, like OpenFonts, have this property: http://www.microsoft.com/typography/otspec/features_ko.htm#kern

SIMULATE IT (with "spaced kering" in a 20pt font-size):

<span style="font-size: 20pt;background-color:#b0c4de">VAST.</span>
<br/>
<span style="font-size: 20pt;background-color:#b0c4de">
  <span style="letter-spacing:2pt">VA</span><span style="font-size:12pt">
  </span><span style="letter-spacing:6pt">ST</span>
</span>