[css3-text] letter-spacing examples

The latest draft of CSS3 Text has an example demonstrating how letter-spacing affects the construction of inline boxes.  This is example 12:

  http://dev.w3.org/csswg/css-text/#letter-spacing

Unfortunately, this example seems a little too abstract for me, I think a set of simple, visual examples that illustrate individual points might be better.  Here's my attempt:

  http://people.mozilla.org/~jdaggett/tests/letterspacing-examples.html

I also tried to highlight differences between what CSS3 Text specifies and what current implementations do.  I think that's important to call out.  And, man, RTL is hard...

The illustrations use inline blocks to show the spacing so they should display accurately within existing browsers.

Cheers,

John Daggett

Received on Monday, 17 June 2013 23:10:33 UTC