Just how far can we push CSS styling on text? Pretty bleedin’ far these days.
This is an experiment in CSS typography. Live version here »
The text is fully select-able, copy-paste-able, and accessible. Many of the effects are hung on spans, of which there are over a dozen, so semantically speaking, it’s a bit naughty. If the characters weren’t different shades I could have gotten away with a lot less span spam.
The letters are squeezed together with a bit of negative letter-spacing, and this has the odd effect of clipping the text-shadow in pretty much everything except Chrome. IE9 is not equipped to deal with text shadows, which lessens the impact a lot.
Fairly impressive, but where is the miserable actually spanning at that I see in the source?
Ah, never mind, the page didn’t fully load. Well done!
Ah, yeah, I forgot to post the miserable one! It’s up now…