Another CSS typography experiment! Live version here »
This one caused me a bit of trouble because of assumptions about universally available fonts. Android phones for example, don’t necessarily come with Impact as standard, which was a bit of a shock!
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.