W3C home > Mailing lists > Public > www-style@w3.org > June 2013

[css3-text] letter-spacing examples

From: John Daggett <jdaggett@mozilla.com>
Date: Mon, 17 Jun 2013 16:10:05 -0700 (PDT)
To: www-style list <www-style@w3.org>
Message-ID: <1479701265.22828754.1371510605749.JavaMail.root@mozilla.com>

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

This archive was generated by hypermail 2.3.1 : Monday, 2 May 2016 14:39:12 UTC