Stately - A US state map in a font

I like the idea of styling a map properly with CSS. I love the sheer WTF factor.<p>The fact we're seeing fonts (ab)used in this manner (and for icon fonts) says that we're sorely missing a good technical solution.

You'll all regret adding -ly to anything eventually. Still really awesome, can't wait to see the rest of the world.

Hm, why can't this be done with simply using SVG instead of using fonts in such manner?

What about old fashioned <a href="https://developer.mozilla.org/en-US/docs/HTML/Element/map" rel="nofollow">https://developer.mozilla.org/en-US/docs/HTML/Element/map</a> and area tag? They are built specifically for this.

Stateface is another good font if you'd simply like images of the individual states. <a href="https://github.com/propublica/stateface" rel="nofollow">https://github.com/propublica/stateface</a><p>It doesn't display the entire map like this (so the use case is different), but it's pretty cool all the same.

I love the idea, but they've made an odd choice in the way they've styled the page: I can't scroll down to read all the text. Page scrolling is jerky and the text disappears for me before I reach the bottom of the text. I had to inspect the page source to finish reading "How does it work?"

Wow. very cool. But that 3d-rotation on the hero graphic gives me a little vertigo -- it's almost too good :-)

This is great, but I'm really looking forward to support for animated fonts in Firefox.

Looks like Washington and Maine get cut off at the top!