demosthenes.info – Make Your Web Pages More Legible With CSS3 Ligatures and Kerning Pairs

CSS3 offers many controls for kerning, but the easiest and fastest is very simple:

body { text-rendering: optimizeLegibility; }

The text-rendering property is supported in all current versions of Firefox, Safari and Chrome, and automatically substitutes kerned pairs and ligatures as appropriate throughout your selection. Sadly, support is currently lacking in IE and Opera. However, text-rendering is a near perfect example of progressive enhancement: users with browsers that do not support the property will still be able to read the text, just without the subtle advantages of advanced CSS3 typography.