Isometric text with CSS3 (opens in new tab)

Interesting firefox will do the isometric text, but not when its the shadow

It's really unfortunate that this would be so hard to use in production due to lack of a suitable IE fallback. If a browser doesn't support @font-face, for example, you can always fall back to a standard font. For isometric text though, lack of support would likely disrupt the page layout so badly that the only fallback solution would be images.

That said, as easy as it is to think of sites where isometric text would be a cool design element, I can't easily think of an application where it would need to be actual, editable text. Perhaps if you had a heavily futuristic themed CMS site...

I think if there was too much of this anywhere my neck would get a major kink in it. The specific font choice didn't help.

It's cool that this is _possible_ however, just not so cool for accessibility, or readability.

Is this related to this project? http://www.themaninblue.com/experiment/Cubescape/new.php Design looks the same.

Fails in IE9

Half-fails in Firefox 14.0.1 (Win7)

This site fails to use unprefixed css properties when it uses the prefixed versions, so when newer browsers view the page they get a partial experience.

Nice! This can be used to make a really cool isometric website. Something similar but in terms of isometric blocks: http://kushagragour.in/lab/isoblocks/

Very similar to http://beta.theexpressiveweb.com/css3-web-fonts/

Looking forward to digging through the source code on this one. Pleasantly surprised that text selection with both mouse and keyboard worked intuitively and smoothly (Ubuntu/Chrome) -- usually I'd expect this kind of trickery to break down at some boring edge case like this. Same for zooming with Ctrl+mousewheel.