Hm, why can't this be done with simply using SVG instead of using fonts in such manner?
It can, but not every browser supports SVG sadly. :( This however, works in IE8
Stately - A US state map in a font
11–20 of 30 posts
Re: Stately - A US state map in a font
#12This is great, but I'm really looking forward to support for animated fonts in Firefox.
The return of the blink tag?
Re: Stately - A US state map in a font
#13I like the idea of styling a map properly with CSS. I love the sheer WTF factor. 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.
There's CSS-inspired map styling language for OpenStreetMap:http://www.mapcss.org/
Re: Stately - A US state map in a font
#14Hm, why can't this be done with simply using SVG instead of using fonts in such manner?
It can, but not every browser supports SVG sadly. :( This however, works in IE8
I see. But I think it's not a preferable solution if one wants to support crippled browsers like IE <= 8. But it's an interesting proof of concept still. Some approach like Raphaël JS is probably better for such cases. Or one just needs to ignore any crippled browsers, which might not be ideal.
Re: Stately - A US state map in a font
#15Looks like Washington and Maine get cut off at the top!
Re: Stately - A US state map in a font
#16You'll all regret adding -ly to anything eventually. Still really awesome, can't wait to see the rest of the world.
Does Flickr regret dropping a vowel in its name? There have been lots of naming trends and they don't seem to have had much effect on long-term success. What's wrong with -ly?
Re: Stately - A US state map in a font
#17I 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?"
Re: Stately - A US state map in a font
#18Wow. very cool. But that 3d-rotation on the hero graphic gives me a little vertigo -- it's almost too good :-)
Re: Stately - A US state map in a font
#19I 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?"
What browser/OS? Working fine on Chrome stable/Mac 10.8
Re: Stately - A US state map in a font
#20What about old fashioned https://developer.mozilla.org/en-US/docs/HTML/Element/map and area tag? They are built specifically for this.