Scraps. I has them.

Cross-browser kerning-pairs & ligatures

stephencaver:

text-rendering: optimizeLegibility;

According to the docs, this “provides information to the rendering engine about what sorts of tradeoffs to make when rendering text, in order to optimize speed or legibility.”

I’m curious about performance benchmarks. It seems like it wouldn’t be a huge deal, especially with this value enabled by default for text sized 20 pixels and smaller.

Also, in an ideal world, we would be able to control ligatures and kerning data independently.

p {
  kerning: auto;
  ligatures: ff, fl, fi;
}

Update: See Iain Lamb’s article on ligature legitimacy for a documented syntax proposal.

Browser makers: Please seriously consider implementing this.

Exploring Web Typography

via @nicewebtype

(hint: turn of stylesheets to read the page)